<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Butterfly 安裝文檔(七) 更新日誌 | HJ BLOG</title><meta name="keywords" content="hexo,butterfly,主題,doc,教程,文檔"><meta name="author" content="娄豪杰"><meta name="copyright" content="娄豪杰"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="Butterfly安裝文檔-更新日誌">
<meta property="og:type" content="article">
<meta property="og:title" content="Butterfly 安裝文檔(七) 更新日誌">
<meta property="og:url" content="http://example.com/article/198a4240.html">
<meta property="og:site_name" content="HJ BLOG">
<meta property="og:description" content="Butterfly安裝文檔-更新日誌">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-docs-07-cover.png">
<meta property="article:published_time" content="2019-01-07T14:31:46.000Z">
<meta property="article:modified_time" content="2021-07-27T01:40:00.000Z">
<meta property="article:author" content="娄豪杰">
<meta property="article:tag" content="教程">
<meta property="article:tag" content="Hexo">
<meta property="article:tag" content="主題">
<meta property="article:tag" content="butterfly">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-docs-07-cover.png"><link rel="shortcut icon" href="/img/favicon.png"><link rel="canonical" href="http://example.com/article/198a4240"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = { 
  root: '/',
  algolia: undefined,
  localSearch: {"path":"search.xml","languages":{"hits_empty":"找不到您查询的内容：${query}"}},
  translate: {"defaultEncoding":2,"translateDelay":0,"msgToTraditionalChinese":"繁","msgToSimplifiedChinese":"簡"},
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":false},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: false,
    post: false
  },
  runtime: '天',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: undefined,
  lightbox: 'fancybox',
  Snackbar: undefined,
  source: {
    jQuery: 'https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js',
    justifiedGallery: {
      js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
      css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
    },
    fancybox: {
      js: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js',
      css: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css'
    }
  },
  isPhotoFigcaption: false,
  islazyload: false,
  isanchor: false
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = {
  title: 'Butterfly 安裝文檔(七) 更新日誌',
  isPost: true,
  isHome: false,
  isHighlightShrink: false,
  isToc: false,
  postUpdate: '2021-07-27 09:40:00'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(win=>{
    win.saveToLocal = {
      set: function setWithExpiry(key, value, ttl) {
        if (ttl === 0) return
        const now = new Date()
        const expiryDay = ttl * 86400000
        const item = {
          value: value,
          expiry: now.getTime() + expiryDay,
        }
        localStorage.setItem(key, JSON.stringify(item))
      },

      get: function getWithExpiry(key) {
        const itemStr = localStorage.getItem(key)

        if (!itemStr) {
          return undefined
        }
        const item = JSON.parse(itemStr)
        const now = new Date()

        if (now.getTime() > item.expiry) {
          localStorage.removeItem(key)
          return undefined
        }
        return item.value
      }
    }
  
    win.getScript = url => new Promise((resolve, reject) => {
      const script = document.createElement('script')
      script.src = url
      script.async = true
      script.onerror = reject
      script.onload = script.onreadystatechange = function() {
        const loadState = this.readyState
        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
        script.onload = script.onreadystatechange = null
        resolve()
      }
      document.head.appendChild(script)
    })
  
      win.activateDarkMode = function () {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = function () {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')
    
          if (t === 'dark') activateDarkMode()
          else if (t === 'light') activateLightMode()
        
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }
    })(window)</script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/static-butterfly/dist/css/index.min.css"><link rel="stylesheet" href="/css/custom.css"><meta name="generator" content="Hexo 5.3.0"></head><body><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="author-avatar"><img class="avatar-img" src="/img/avatar.jpg" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="site-data"><div class="data-item is-center"><div class="data-item-link"><a href="/archives/"><div class="headline">文章</div><div class="length-num">70</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/tags/"><div class="headline">标签</div><div class="length-num">23</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/categories/"><div class="headline">分类</div><div class="length-num">17</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fa-fw fa fa-book"></i><span> 阅读</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></li><li><a class="site-page child" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></li><li><a class="site-page child" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fa-fw fa fa-bars"></i><span> 娱乐</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/photo"><i class="fa-fw fas fa-image"></i><span> 相册</span></a></li><li><a class="site-page child" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page child" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fa-fw fas fa-heart card-announcement-animation"></i><span> 关于</span></a></div></div></div></div><div class="post" id="body-wrap"><header class="post-bg" id="page-header" style="background-image: url('https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-docs-07-cover.png')"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">HJ BLOG</a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fa-fw fa fa-book"></i><span> 阅读</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></li><li><a class="site-page child" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></li><li><a class="site-page child" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fa-fw fa fa-bars"></i><span> 娱乐</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/photo"><i class="fa-fw fas fa-image"></i><span> 相册</span></a></li><li><a class="site-page child" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page child" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fa-fw fas fa-heart card-announcement-animation"></i><span> 关于</span></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="post-info"><h1 class="post-title">Butterfly 安裝文檔(七) 更新日誌</h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="far fa-calendar-alt fa-fw post-meta-icon"></i><span class="post-meta-label">发表于</span><time class="post-meta-date-created" datetime="2019-01-07T14:31:46.000Z" title="发表于 2019-01-07 22:31:46">2019-01-07</time><span class="post-meta-separator">|</span><i class="fas fa-history fa-fw post-meta-icon"></i><span class="post-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-07-27T01:40:00.000Z" title="更新于 2021-07-27 09:40:00">2021-07-27</time></span><span class="post-meta-categories"><span class="post-meta-separator">|</span><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/Docs%E6%96%87%E6%AA%94/">Docs文檔</a></span></div><div class="meta-secondline"><span class="post-meta-separator">|</span><span class="post-meta-pv-cv" id="" data-flag-title="Butterfly 安裝文檔(七) 更新日誌"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"></span></span></div></div></div></header><main class="layout" id="content-inner"><div id="post"><article class="post-content" id="article-container"><div class="note blue icon flat"><i class="note-icon fas fa-bullhorn"></i><p>📖 本教程更新於 2021 年 07 月 20 日，教程的內容針對最新<strong>穩定版</strong>而更新（如果你是舊版，教程會有些出入，請留意）</p>
<p>🦋 Butterfly 已經更新到 <a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly/releases/tag/3.8.2">3.8.2</a></p>
</div>

<div class="note green icon flat"><i class="note-icon fas fa-rocket"></i><p>📚 文檔目錄</p>
<p><a href="#">Post not found: Butterfly-安裝文檔-一-快速開始 🚀 快速開始</a> - <a href="#">Post not found: Butterfly-安裝文檔-二-主題頁面 📑 主題頁面</a> - <a href="#">Post not found: Butterfly-安裝文檔-三-主題配置-1 🛠 主題配置-1</a> - <a href="#">Post not found: Butterfly-安裝文檔-四-主題配置-2 ⚔️ 主題配置-2</a> - <a href="#">Post not found: Butterfly-安裝文檔-五-主題問答 ❓ 主題問答</a> - <a href="#">Post not found: Butterfly-安裝文檔-六-進階教程 ⚡️ 進階教程</a> - <a href="#">Post not found: Butterfly-安裝文檔-七-更新日誌 ✨ 更新日誌</a> - <a href="#">Post not found: Butterfly-打賞 🤞 打賞</a></p>
</div>

<div class="note orange icon flat"><i class="note-icon fas fa-magic"></i><p>你可以通過右下角的 <strong>簡</strong> 按鈕切換為簡體顯示</p>
</div>

<hr>
<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.8.2 (2021/07/20)</span></div>
    <div class="hide-content"><h2 id="3-8-2-2021-07-20"><a href="#3-8-2-2021-07-20" class="headerlink" title="3.8.2 (2021/07/20)"></a>3.8.2 (2021/07/20)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復 footer 在部分瀏覽器沒有顯示在底部的 bug #616</li>
</ol>
<h3 id="Improvement"><a href="#Improvement" class="headerlink" title="Improvement"></a>Improvement</h3><ol>
<li>修改配置文件註釋 #613</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.8.1 (2021/07/10)</span></div>
    <div class="hide-content"><h2 id="3-8-1-2021-07-10"><a href="#3-8-1-2021-07-10" class="headerlink" title="3.8.1 (2021/07/10)"></a>3.8.1 (2021/07/10)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復 inline mathjax 有滾動條的 bug</li>
<li>修復友情鏈接的頭像帶有 Medium Zoom 燈箱的 bug #607</li>
<li>修復友情鏈接的頭像帶有 FancyBox 燈箱的 bug #607</li>
</ol>
<h3 id="Dependencies"><a href="#Dependencies" class="headerlink" title="Dependencies"></a>Dependencies</h3><ol>
<li>update hexo-renderer-pug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.8.0 (2021/07/04)</span></div>
    <div class="hide-content"><h2 id="3-8-0-2021-07-04"><a href="#3-8-0-2021-07-04" class="headerlink" title="3.8.0 (2021/07/04)"></a>3.8.0 (2021/07/04)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li><p>archives 的 標題 在 menu 配置中獲取</p>
</li>
<li><p>移除最新評論的評論服務商選擇，默認為配置的第一個評論服務商</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line">newest_comments:</span><br><span class="line">  enable: false</span><br><span class="line">  sort_order: # Don&#x27;t modify the setting unless you know how it works</span><br><span class="line">  limit: 6</span><br><span class="line">  storage: 10 # unit: mins, save data to localStorage</span><br><span class="line">  avatar: true</span><br><span class="line"><span class="deletion">-  # You can only choose one, or neither</span></span><br><span class="line"><span class="deletion">-  valine: false</span></span><br><span class="line"><span class="deletion">-  github_issues:</span></span><br><span class="line"><span class="deletion">-    enable: false</span></span><br><span class="line"><span class="deletion">-    repo:</span></span><br><span class="line"><span class="deletion">-  disqus:</span></span><br><span class="line"><span class="deletion">-    enable: false</span></span><br><span class="line"><span class="deletion">-    forum:</span></span><br><span class="line"><span class="deletion">-    api_key:</span></span><br><span class="line"><span class="deletion">-  twikoo: false</span></span><br><span class="line"><span class="deletion">-  waline: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>widget 寫法更改/可添加非 sticky 區域 widget</p>
</li>
</ol>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li><p>修改最新評論 icon</p>
</li>
<li><p>waline 顔色適配主題色</p>
</li>
<li><p>增加 waline avatarCDN 配置（最新評論也會更新）</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">waline:</span><br><span class="line">	...</span><br><span class="line"><span class="addition">+	avatarCDN： # Gravatar CDN baseURL</span></span><br></pre></td></tr></table></figure></li>
<li><p>升級 facebook comment js 到 v10</p>
</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復友情鏈接和 aside 頭像在 lazyload blur 下的顯示 bug</li>
<li>修復設置 highlight_shrink: true 後，部分代碼框依舊展開的 bug #602</li>
<li>修復 mathjax 在列表下，導致 列表沒有樣式的 bug #586</li>
<li>修復文章頁 mathjax 因字體小導致顯示重疊的 bug #587</li>
<li>修復當內容過少時，footer 沒有底部靠攏的 bug</li>
</ol>
<h3 id="Improvement"><a href="#Improvement" class="headerlink" title="Improvement"></a>Improvement</h3><ol>
<li>UI 優化</li>
<li>waline 字體大小，頭像特效調整</li>
<li>pjax 優化</li>
<li>減少卡頓，apple 裝置首頁背景 background-attachment 設為 scroll</li>
<li>404 頁面不再顯示 rightside</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.7.8 (2021/06/05)</span></div>
    <div class="hide-content"><h2 id="3-7-8-2021-06-05"><a href="#3-7-8-2021-06-05" class="headerlink" title="3.7.8 (2021/06/05)"></a>3.7.8 (2021/06/05)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li>移除 waline 的 emojiCDN 和 emojiMaps 配置</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復 升級到 waline 1.x 而出現的 bug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.7.7 (2021/05/11)</span></div>
    <div class="hide-content"><h2 id="3-7-7-2021-05-11"><a href="#3-7-7-2021-05-11" class="headerlink" title="3.7.7 (2021/05/11)"></a>3.7.7 (2021/05/11)</h2><h3 id="Improvement"><a href="#Improvement" class="headerlink" title="Improvement"></a>Improvement</h3><ol>
<li>適配新版 waline 夜間模式</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.7.6 (2021/05/09)</span></div>
    <div class="hide-content"><h2 id="3-7-6-2021-05-09"><a href="#3-7-6-2021-05-09" class="headerlink" title="3.7.6 (2021/05/09)"></a>3.7.6 (2021/05/09)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復標題/博客名有 ‘ 時，pjax 會報錯的 bug</li>
</ol>
<h3 id="Improvement"><a href="#Improvement" class="headerlink" title="Improvement"></a>Improvement</h3><ol>
<li>css 調整</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.7.5 (2021/05/05)</span></div>
    <div class="hide-content"><h2 id="3-7-5-2021-05-05"><a href="#3-7-5-2021-05-05" class="headerlink" title="3.7.5 (2021/05/05)"></a>3.7.5 (2021/05/05)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li><p>site_verification 優化，需自行配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# Google Webmaster tools verification setting</span></span><br><span class="line"><span class="deletion">-# See: https://www.google.com/webmasters/</span></span><br><span class="line"><span class="deletion">-google_site_verification:</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-# Bing Webmaster tools verification setting</span></span><br><span class="line"><span class="deletion">-# See: https://www.bing.com/webmaster/</span></span><br><span class="line"><span class="deletion">-bing_site_verification:</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-# Baidu Webmaster tools verification setting</span></span><br><span class="line"><span class="deletion">-# See: https://ziyuan.baidu.com/site/</span></span><br><span class="line"><span class="deletion">-baidu_site_verification:</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-# 360 Webmaster tools verification setting</span></span><br><span class="line"><span class="deletion">-# see http://zhanzhang.so.com/</span></span><br><span class="line"><span class="deletion">-qihu_site_verification:</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-# Yandex Webmaster tools verification setting</span></span><br><span class="line"><span class="deletion">-# see https://webmaster.yandex.com/</span></span><br><span class="line"><span class="deletion">-yandex_site_verification:</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+site_verification:</span></span><br></pre></td></tr></table></figure></li>
<li><p>lazyload 優化 (增加高斯模糊過度特效，增加配置 lazyload 範圍，佔位圖應用到全站)</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">lazyload:</span><br><span class="line">  enable: false</span><br><span class="line"><span class="deletion">-  post: /img/loading.gif</span></span><br><span class="line"><span class="addition">+  field: site # site/post</span></span><br><span class="line"><span class="addition">+  placeholder: /img/loading.gif</span></span><br><span class="line"><span class="addition">+  blur: false</span></span><br></pre></td></tr></table></figure>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3></li>
<li><p>增加 tags 標簽外掛 - label</p>
</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復開啟 anchor 後，文章頁跳轉回主頁，主頁網址的 hash 添加上文章頁最後一個標題的 bug</li>
<li>修復開啟 anchor 後,瀏覽器上一頁/下一頁 跳轉會 404 的 bug (文章頁的 url hash 在 pjax 下變成 undefined)</li>
<li>修復 lazyload 報 undefined 的 bug close #532</li>
</ol>
<h3 id="Improvement"><a href="#Improvement" class="headerlink" title="Improvement"></a>Improvement</h3><ol>
<li>優化 pjax 下 404 頁面</li>
<li>優化 button tags 標簽外掛</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.7.1 (2021/03/30)</span></div>
    <div class="hide-content"><h2 id="3-7-1-2021-03-30"><a href="#3-7-1-2021-03-30" class="headerlink" title="3.7.1 (2021/03/30)"></a>3.7.1 (2021/03/30)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復 github-issues 最新評論 獲取的 url 格式 bug</li>
<li>修復當標題有符號’時，disqus 和 disqusjs 無法加載的 bug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.7.0 (2021/03/18)</span></div>
    <div class="hide-content"><h2 id="3-7-0-2021-03-18"><a href="#3-7-0-2021-03-18" class="headerlink" title="3.7.0 (2021/03/18)"></a>3.7.0 (2021/03/18)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li><p>更改子目錄的寫法，與父目錄一致</p>
</li>
<li><p>移除 artitalk （如需要，請安裝 hexo-butterfly-artitalk)</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# Artitalk</span></span><br><span class="line"><span class="deletion">-# see https://artitalk.js.org/</span></span><br><span class="line"><span class="deletion">-artitalk:</span></span><br><span class="line"><span class="deletion">-  appId:</span></span><br><span class="line"><span class="deletion">-  appKey:</span></span><br><span class="line"><span class="deletion">-  option:</span></span><br><span class="line"></span><br><span class="line">CDN:</span><br><span class="line"><span class="deletion">-	artitalk: https://cdn.jsdelivr.net/npm/artitalk</span></span><br></pre></td></tr></table></figure></li>
<li><p>katex_copytex 的 js 和 css cdn 更換</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-katex_copytex: https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.js</span></span><br><span class="line"><span class="deletion">-katex_copytex_css: https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.css</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+katex_copytex: https://cdn.jsdelivr.net/npm/katex@latest/dist/contrib/copy-tex.min.js</span></span><br><span class="line"><span class="addition">+katex_copytex_css: https://cdn.jsdelivr.net/npm/katex@latest/dist/contrib/copy-tex.css</span></span><br></pre></td></tr></table></figure>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3></li>
<li><p>新增設置代碼高度限制，顯示展開按鈕</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+highlight_height_limit: false # unit: px</span></span><br></pre></td></tr></table></figure></li>
<li><p>prismjs 也可以配置 code_word_wrap</p>
</li>
<li><p>增加 kbd 樣式 #507</p>
</li>
<li><p>添加 waline,valine 和 twikoo 提供的文章閲讀數配置 #502</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">valine:</span><br><span class="line"><span class="addition">+  visitor: false</span></span><br><span class="line">waline:</span><br><span class="line"><span class="addition">+  visitor: false</span></span><br><span class="line">twikoo:</span><br><span class="line"><span class="addition">+  visitor: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 HexoPlusPlus_Talk（需要安裝 hexo-butterfly-hpptalk)</p>
</li>
<li><p>增加 tags 標簽外掛 inlineImg</p>
</li>
<li><p>gitalk 增加 option 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">gitalk:</span><br><span class="line">  createIssueManually: false # Gitalk will create a corresponding github issue for your every single page automatically</span><br><span class="line"><span class="addition">+  option:</span></span><br></pre></td></tr></table></figure>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3></li>
<li><p>修復 prismjs 在 ios safari 下自動換行的 bug</p>
</li>
<li><p>修復默認代碼大小不會隨着字體放大/放小而改變的 bug</p>
</li>
<li><p>修復 prismjs 無法識別的語言 顯示 null 而不是顯示 code 的 bug</p>
</li>
<li><p>在完全沒有配置的情況下，運行時控制枱報 null 的問題</p>
</li>
</ol>
<h3 id="Improvement"><a href="#Improvement" class="headerlink" title="Improvement"></a>Improvement</h3><ol>
<li>主頁分頁會定位到文章區域 #519</li>
<li>css 優化，簡化自定義代碼色的 css 配置</li>
<li>搜索 hover 效果與其它目錄一致</li>
<li>百度統計適配 pjax #516</li>
<li>當文章頁 cover 和 cover 的 default_img 都沒有配置時，會去讀取 default_top_img 的參數</li>
<li>一句 API 改為 https</li>
<li>pug 代碼優化</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.6.2 (2021/02/03)</span></div>
    <div class="hide-content"><h2 id="3-6-2-2021-02-03"><a href="#3-6-2-2021-02-03" class="headerlink" title="3.6.2 (2021/02/03)"></a>3.6.2 (2021/02/03)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>mathjax 和 katex 沒有加載 js 的 bug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.6.1 (2021/02/01)</span></div>
    <div class="hide-content"><h2 id="3-6-1-2021-02-01"><a href="#3-6-1-2021-02-01" class="headerlink" title="3.6.1 (2021/02/01)"></a>3.6.1 (2021/02/01)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>非 ios 設備下，手機頁面下文章頁有 toc 的界面出現滾動條</li>
<li>非 ios 設備下，在 layout 標簽內的元素，如是 position: fixed，其相對定位會更改 #482 #483</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.6.0 (2021/01/30)</span></div>
    <div class="hide-content"><h2 id="3-6-0-2021-01-30"><a href="#3-6-0-2021-01-30" class="headerlink" title="3.6.0 (2021/01/30)"></a>3.6.0 (2021/01/30)</h2><h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li><p>增加首頁評論數顯示</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">comments:</span><br><span class="line">  ...</span><br><span class="line">  count: false # Display comment count in post&#x27;s top_img</span><br><span class="line"><span class="addition">+  card_post_count: false # Display comment count in Home Page</span></span><br></pre></td></tr></table></figure></li>
<li><p>最新評論更新</p>
<ol>
<li><code>&lt;a&gt;</code> 標簽將會顯示 <code>[鏈接]</code></li>
<li><code>&lt;img&gt;</code>標簽將會顯示 <code>[圖片]</code></li>
<li><code>&lt;pre&gt;&lt;code&gt;</code> 標簽將顯示 <code>[代碼]</code></li>
<li>github-issues 獲取到的 url 改為對應文章地址，而不是 issues 地址</li>
<li>時間 time 增加 datetime 屬性</li>
<li>waline 獲取到頭像會先匹配 waline 數據庫是否有 qq 頭像屬性</li>
<li>部分評論顯示的時間改為更新時間</li>
</ol>
</li>
<li><p>aside ‘查看更多’按鈕 改為 圖標顯示在右上角</p>
</li>
<li><p>可配置最新評論的緩存時間</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">newest_comments:</span><br><span class="line">  enable: false</span><br><span class="line">  sort_order: # Don&#x27;t modify the setting unless you know how it works</span><br><span class="line">  limit: 6</span><br><span class="line"><span class="addition">+  storage: 10 # unit: mins, save data to localStorage</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 post_pagination 配置(可關閉/配置分頁展示邏輯)</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# post_pagination (分頁)</span></span><br><span class="line"><span class="addition">+# value: 1 || 2 || false</span></span><br><span class="line"><span class="addition">+# 1: The &#x27;next post&#x27; will link to old post</span></span><br><span class="line"><span class="addition">+# 2: The &#x27;next post&#x27; will link to new post</span></span><br><span class="line"><span class="addition">+# false: disable pagination</span></span><br><span class="line"><span class="addition">+post_pagination: 1</span></span><br></pre></td></tr></table></figure></li>
<li><p>文章版權右上角改為 版權 icon</p>
</li>
<li><p>增加配置 disable_top_img，禁用所有的 top_img</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Disable all banner image</span></span><br><span class="line"><span class="addition">+disable_top_img: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 文章編輯</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Post edit</span></span><br><span class="line"><span class="addition">+# Easily browse and edit blog source code online.</span></span><br><span class="line"><span class="addition">+post_edit:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  # url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name/</span></span><br><span class="line"><span class="addition">+  # For example: https://github.com/jerryc127/butterfly.js.org/edit/main/source/</span></span><br><span class="line"><span class="addition">+  url:</span></span><br></pre></td></tr></table></figure>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3></li>
<li><p>修復 文章頁面上滑子菜單圖標文字無法顯示的 bug #481</p>
</li>
<li><p>修復在 chrome 上，進入頁面時，頁面元素會出現模糊到清晰 的 bug #479</p>
</li>
<li><p>修復夜間模式下，閲讀模式代碼塊背景顔色的顯示 bug</p>
</li>
<li><p>修復打賞按鈕字數過多導致 Hover 異常的 bug #473</p>
</li>
<li><p>修復評論裏 行內元素（表情/圖片）變成塊級元素（換行）的 bug</p>
</li>
<li><p>修復點擊 toc 後，滾動完 toc 的 highlight 在點擊的上一個元素</p>
</li>
<li><p>修復子目錄下，打賞圖片跳轉鏈接會錯誤的 bug</p>
</li>
<li><p>修復文字點擊關閉 random 無效的 bug</p>
</li>
<li><p>修復手持設備橫向翻轉時，menu 沒有進行判斷,而導致樣式錯亂的 bug</p>
</li>
<li><p>修復 pjax 下不會跳轉 404 頁面的 bug</p>
</li>
<li><p>修復 twikoo 評論數獲取會因為地域問題報錯的 bug</p>
</li>
<li><p>修復 background-image 遇到鏈接有括號時會無法顯示的 bug</p>
</li>
</ol>
<h3 id="Improvement"><a href="#Improvement" class="headerlink" title="Improvement"></a>Improvement</h3><ol>
<li>meta description 限制在 150 字以內 #480</li>
<li>pug 優化和結構調整</li>
<li>pug 判斷優化</li>
<li>友情鏈接界面增加 title 顯示（top_img 設為 false 時）</li>
<li>升級 facebook comment sdk 版本</li>
<li>優化 toc 顯示，當向上滾動時，導航欄不會遮擋 toc #472</li>
<li>pangu 改為全站渲染</li>
<li>最新評論 js 優化</li>
<li>調整 Readmode 標題邊距</li>
<li>卡片 hover box-shadow 微調</li>
<li>404 頁面卡片增加 hover</li>
<li>刪除部分多餘的代碼</li>
</ol>
<h3 id="Remove"><a href="#Remove" class="headerlink" title="Remove"></a>Remove</h3><ol>
<li><p>移除百度推送（百度已棄用）和百度轉碼</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# Disable Baidu transformation on mobile devices (禁止百度轉碼)</span></span><br><span class="line"><span class="deletion">-disable_baidu_transformation: true</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-# Baidu Push (百度推送)</span></span><br><span class="line"><span class="deletion">-baidu_push: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>移除 fragment_cache 配置（默認開啟）</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# Caches the contents in a fragment, speed up the generation (開啟hexo自帶的緩存,加快生成速度)</span></span><br><span class="line"><span class="deletion">-fragment_cache: true</span></span><br></pre></td></tr></table></figure></li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.5.1 (2020/12/31)</span></div>
    <div class="hide-content"><h2 id="3-5-1-2020-12-31"><a href="#3-5-1-2020-12-31" class="headerlink" title="3.5.1 (2020/12/31)"></a>3.5.1 (2020/12/31)</h2><h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li>twikoo 增加 region 配置</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復 twikoo 廣州地域下，最新評論無法讀取的 bugs</li>
<li>修復 waline 背景設置無效的 bugs</li>
<li>修復 twikoo 廣州地域下，page 頁進入 post 頁，twikoo 評論報錯的 bugs</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.5.0 (2020/12/30)</span></div>
    <div class="hide-content"><h2 id="3-5-0-2020-12-30"><a href="#3-5-0-2020-12-30" class="headerlink" title="3.5.0 (2020/12/30)"></a>3.5.0 (2020/12/30)</h2><h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li><p>aside 個人資料 widget 可關閉 button</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line">aside:</span><br><span class="line"> ...</span><br><span class="line">  card_author:</span><br><span class="line">    enable: true</span><br><span class="line">    description:</span><br><span class="line">    button:</span><br><span class="line"><span class="addition">+      enable: true</span></span><br><span class="line">      icon: fab fa-github</span><br><span class="line">      text: 主題 GitHub</span><br><span class="line">      link: https://github.com/jerryc127/hexo-theme-butterfly</span><br><span class="line"></span><br></pre></td></tr></table></figure></li>
<li><p>新增 Cloudflare Analytics</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Cloudflare Analytics</span></span><br><span class="line"><span class="addition">+# https://www.cloudflare.com/zh-tw/web-analytics/</span></span><br><span class="line"><span class="addition">+cloudflare_analytics:</span></span><br></pre></td></tr></table></figure></li>
<li><p>新增 Microsoft Clarity</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Microsoft Clarity</span></span><br><span class="line"><span class="addition">+# https://clarity.microsoft.com/</span></span><br><span class="line"><span class="addition">+microsoft_clarity:</span></span><br></pre></td></tr></table></figure></li>
<li><p>readmode 優化</p>
</li>
<li><p>aside 增加自定義 widget</p>
</li>
<li><p>aside widget 增加排序（只對 page 頁和 sticky 內的有效）</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><span class="line">aside:</span><br><span class="line"> ...</span><br><span class="line">  card_recent_post:</span><br><span class="line"><span class="addition">+    sort_order: # Don&#x27;t modify the setting unless you know how it works</span></span><br><span class="line">  card_categories:</span><br><span class="line"><span class="addition">+    sort_order: # Don&#x27;t modify the setting unless you know how it works</span></span><br><span class="line">  card_tags:</span><br><span class="line"><span class="addition">+    sort_order: # Don&#x27;t modify the setting unless you know how it works</span></span><br><span class="line">  card_archives:</span><br><span class="line"><span class="addition">+    sort_order: # Don&#x27;t modify the setting unless you know how it works</span></span><br><span class="line">  card_webinfo:</span><br><span class="line"><span class="addition">+    sort_order: # Don&#x27;t modify the setting unless you know how it works</span></span><br><span class="line"></span><br><span class="line">newest_comments:</span><br><span class="line">  enable: true</span><br><span class="line"><span class="addition">+  sort_order: # Don&#x27;t modify the setting unless you know how it works</span></span><br></pre></td></tr></table></figure></li>
<li><p>twikoo 增加 option 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"># Twikoo</span><br><span class="line"># https://github.com/imaegoo/twikoo</span><br><span class="line"><span class="deletion">-twikoo:</span></span><br><span class="line"><span class="addition">+twikoo:</span></span><br><span class="line"><span class="addition">+  envId:</span></span><br><span class="line"><span class="addition">+  option:</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 waline 評論</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# waline - A simple comment system with backend support fork from Valine</span></span><br><span class="line"><span class="addition">+# https://waline.js.org/</span></span><br><span class="line"><span class="addition">+waline:</span></span><br><span class="line"><span class="addition">+  serverURL: # Waline server address url</span></span><br><span class="line"><span class="addition">+  avatar: monsterid # gravatar style https://zh-tw.gravatar.com/site/implement/images/#default-image</span></span><br><span class="line"><span class="addition">+  emojiCDN: # emoji CDN</span></span><br><span class="line"><span class="addition">+  bg: /img/comment_bg.png # waline background</span></span><br><span class="line"><span class="addition">+  option:</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 waline 評論數顯示</p>
</li>
<li><p>增加 waline 最新評論模塊</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">newest_comments:</span><br><span class="line">  enable: true</span><br><span class="line">	...</span><br><span class="line"><span class="addition">+  waline: false</span></span><br></pre></td></tr></table></figure>
<h3 id="Improvement"><a href="#Improvement" class="headerlink" title="Improvement"></a>Improvement</h3></li>
<li><p>最新評論 url 增加描點</p>
</li>
<li><p>html 結構優化</p>
</li>
<li><p>修改 newest_comments 的 leancloud 為 valine，並刪除其配置，改為讀取 valine 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line"># Aside widget - Newest Comments</span><br><span class="line">newest_comments:</span><br><span class="line">  ...</span><br><span class="line"><span class="deletion">-  leancloud:</span></span><br><span class="line"><span class="deletion">-    enable: false</span></span><br><span class="line"><span class="deletion">-    appId: # leancloud application app id</span></span><br><span class="line"><span class="deletion">-    appKey: # leancloud application app key</span></span><br><span class="line"><span class="deletion">-    serverURL: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)</span></span><br><span class="line"><span class="deletion">-    default_avatar: # mp/identicon/monsterid/wavatar/retro/robohash/blank</span></span><br><span class="line"><span class="addition">+ valine: false</span></span><br></pre></td></tr></table></figure></li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.4.2 (2020/12/27)</span></div>
    <div class="hide-content"><h2 id="3-4-2-2020-12-27"><a href="#3-4-2-2020-12-27" class="headerlink" title="3.4.2 (2020/12/27)"></a>3.4.2 (2020/12/27)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復開啟 gitalk 評論數後與 toc 衝突的 bug #462</li>
<li>修復 jquery 在一些介面仍然載入問題</li>
<li>修復 medium zoom 報錯的 bug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.4.1 (2020/12/15)</span></div>
    <div class="hide-content"><h2 id="3-4-1-2020-12-15"><a href="#3-4-1-2020-12-15" class="headerlink" title="3.4.1 (2020/12/15)"></a>3.4.1 (2020/12/15)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復 tabs 標簽外掛設為-1 時，按鈕點擊沒反應的 bugs</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.4.0 (2020/12/13)</span></div>
    <div class="hide-content"><h2 id="3-4-0-2020-12-13"><a href="#3-4-0-2020-12-13" class="headerlink" title="3.4.0 (2020/12/13)"></a>3.4.0 (2020/12/13)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li>去除 jQuery</li>
</ol>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li><p>可配置是否添加 css 前綴</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Add the vendor prefixes to ensure compatibility</span></span><br><span class="line"><span class="addition">+css_prefix: true</span></span><br></pre></td></tr></table></figure></li>
<li><p>點擊文字特效增加隨機配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line">ClickShowText:</span><br><span class="line">  enable: false</span><br><span class="line">  text:</span><br><span class="line">    - I</span><br><span class="line">    - LOVEeeeeeeeeeeeee</span><br><span class="line">    - YOU</span><br><span class="line">  fontSize: 15px</span><br><span class="line"><span class="addition">+  random: true</span></span><br><span class="line">  mobile: false</span><br></pre></td></tr></table></figure></li>
<li><p>右下角增加字體調整按鈕</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Change font size</span></span><br><span class="line"><span class="addition">+change_font_size: true</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 twikoo 最新評論</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">newest_comments:</span><br><span class="line">  enable: true</span><br><span class="line">	....</span><br><span class="line"><span class="addition">+  twikoo: true</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 twikoo 評論數顯示</p>
</li>
<li><p>增加 toc 簡潔模式</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">toc:</span><br><span class="line">  enable: true</span><br><span class="line">  number: true</span><br><span class="line"><span class="addition">+  style_simple: false</span></span><br></pre></td></tr></table></figure>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3></li>
<li><p>修復子目錄下，配置 justifiedGallery CDN（相對鏈接）後，連接會無法訪問的 bugs</p>
</li>
<li><p>修復沒有滾動條時，右下角按鈕顯示問題 #439</p>
</li>
<li><p>修復 pangu 配置 post 後，仍在全站生效的 bugs</p>
</li>
<li><p>修復 resize 時，toc 的位置問題</p>
</li>
</ol>
<h3 id="Improvement"><a href="#Improvement" class="headerlink" title="Improvement"></a>Improvement</h3><ol>
<li>最新評論頭像增加 lazyload</li>
<li>最新評論優化，當沒有評論時顯示’沒有評論‘</li>
<li>toc 點擊時改用 document.getElementById 獲取，預防有些字符導致無法跳轉 #426</li>
<li>若瀏覽器支持。scroll 將採用原生瀏覽器支持的滾動方法</li>
<li>搜索優化</li>
<li>html 格式優化</li>
<li>當屏幕沒有滾動條時，rightside 會直接顯示</li>
<li>手機端 toc 邊距微調</li>
<li>fontawesome 和 google 字體增加異步加載</li>
<li>夜間模式下，廣告降低亮度</li>
<li>當設置 aside mobile 為 false 時，toc 仍然能顯示</li>
</ol>
<h3 id="Remove"><a href="#Remove" class="headerlink" title="Remove"></a>Remove</h3><ol>
<li>刪除 ICP 配置， 如需要，請使用 custom_text 配置</li>
<li>刪除不必要的語言文件</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.3.0 (2020/10/28)</span></div>
    <div class="hide-content"><h2 id="3-3-0-2020-10-28"><a href="#3-3-0-2020-10-28" class="headerlink" title="3.3.0 (2020/10/28)"></a>3.3.0 (2020/10/28)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li>只支持 hexo 5.0.0 及以上版本</li>
<li>不再支持 butterfly.yml 寫法</li>
</ol>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li><p>Valine 增加 option 設置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">valine:</span><br><span class="line"><span class="addition">+  option:</span></span><br></pre></td></tr></table></figure></li>
<li><p>toc 改為 aside 顯示,去掉 sidebar</p>
<ol>
<li><p>手機 toc ui 修改</p>
</li>
<li><p>去掉 toc auto_open 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">toc:</span><br><span class="line">  enable: true</span><br><span class="line">  number: true</span><br><span class="line"><span class="deletion">-  auto_open: true # auto open the sidebar</span></span><br></pre></td></tr></table></figure></li>
<li><p>優化手機 toc 的特效和按鈕出現的時機</p>
</li>
<li><p>aside 狀態存<em>localStorage</em></p>
</li>
</ol>
</li>
<li><p>文章標題改為居中</p>
</li>
<li><p>aside 可配置隱藏/增加按鈕可展開或收縮 aside</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">aside:</span><br><span class="line">  enable: true</span><br><span class="line"><span class="addition">+  hide: false</span></span><br><span class="line"><span class="addition">+  button: true</span></span><br><span class="line">  mobile: true # display on mobile</span><br></pre></td></tr></table></figure></li>
<li><p>增加 Twikoo 評論</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+twikoo:</span></span><br></pre></td></tr></table></figure>
<h3 id="Improvements"><a href="#Improvements" class="headerlink" title="Improvements"></a>Improvements</h3></li>
<li><p>完善 note 標籤在 readmode 上的顯示</p>
</li>
<li><p>精簡 css 和 js</p>
</li>
<li><p>pjax 優化</p>
</li>
<li><p>文章頁標題改為 h1(seo)</p>
</li>
<li><p>canonical 改為 hexo 提供的函數生成</p>
</li>
<li><p>ICP SEO 優化 <a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly/pull/393">#393</a></p>
</li>
<li><p>調大 sidebar 的寬度</p>
</li>
<li><p>html 結構調整，mobile-sidebar 改為 sidebar/search 調整</p>
</li>
<li><p>滾動到評論按鈕只要用評論的頁面就出現</p>
</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復網站壓縮後，mermaid 會無法生成顯示的 Bugs</li>
<li>修復當文章頁 top_img 設為 false 時，閲讀模式下文章內容不顯示的 bugs</li>
<li>修復 valine 背景圖片再次出現時，由左到右移動的 bugs</li>
<li>修復 disqusjs 沒有設置 api 時，沒有反代的 bugs</li>
</ol>
<h3 id="Remove"><a href="#Remove" class="headerlink" title="Remove"></a>Remove</h3><ol>
<li>刪除搜索不必要的配置</li>
<li>移除豆瓣配置,如需配置，請使用 hexo-butterfly-douban</li>
<li>刪除多餘的 css 和 pug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.2.0 (2020/09/28)</span></div>
    <div class="hide-content"><h2 id="3-2-0-2020-09-28"><a href="#3-2-0-2020-09-28" class="headerlink" title="3.2.0 (2020/09/28)"></a>3.2.0 (2020/09/28)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li><p>更改 canvas_ribbon_piao 為 canvas_fluttering_ribbon</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-canvas_ribbon_piao:</span></span><br><span class="line"><span class="addition">+canvas_fluttering_ribbon:</span></span><br><span class="line">  enable: false</span><br><span class="line">  mobile: false</span><br></pre></td></tr></table></figure></li>
<li><p>刪除特效 js,改為 cdn 引入</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br></pre></td><td class="code"><pre><span class="line">CDN:</span><br><span class="line">  # background effect</span><br><span class="line"><span class="deletion">-  canvas_ribbon: /js/third-party/canvas-ribbon.js</span></span><br><span class="line"><span class="deletion">-  canvas_ribbon_piao: /js/third-party/piao.js</span></span><br><span class="line"><span class="deletion">-  canvas_nest: /js/third-party/canvas-nest.js</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+  canvas_ribbon: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-ribbon.min.js</span></span><br><span class="line"><span class="addition">+  canvas_fluttering_ribbon: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-fluttering-ribbon.min.js</span></span><br><span class="line"><span class="addition">+  canvas_nest: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-nest.min.js</span></span><br><span class="line"></span><br><span class="line">  # effect</span><br><span class="line"><span class="deletion">-  activate_power_mode: /js/third-party/activate-power-mode.js</span></span><br><span class="line"><span class="deletion">-  fireworks: /js/third-party/fireworks.js</span></span><br><span class="line"><span class="deletion">-  click_heart: /js/third-party/click_heart.js</span></span><br><span class="line"><span class="deletion">-  ClickShowText: /js/third-party/ClickShowText.js</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+  activate_power_mode: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/activate-power-mode.min.js</span></span><br><span class="line"><span class="addition">+  fireworks: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/fireworks.min.js</span></span><br><span class="line"><span class="addition">+  click_heart: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-heart.min.js</span></span><br><span class="line"><span class="addition">+  ClickShowText: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-show-text.min.js</span></span><br><span class="line"></span><br></pre></td></tr></table></figure>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3></li>
<li><p>可設置首頁文章不顯示內容/description</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"># Display the article introduction on homepage</span><br><span class="line"># 1: description</span><br><span class="line"># 2: both (if the description exists, it will show description, or show the auto_excerpt)</span><br><span class="line"># 3: auto_excerpt (default)</span><br><span class="line"><span class="addition">+# false: do not show the article introduction</span></span><br><span class="line"><span class="comment">index_post_content:</span></span><br><span class="line">  method: 3</span><br><span class="line">  length: 500 # if you set method to 2 or 3, the length need to config</span><br></pre></td></tr></table></figure></li>
<li><p>主頁文章時間和文章頁文章時間可以配置顯示日期還是相對時間</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">post_meta:</span><br><span class="line">  page: # Home Page</span><br><span class="line"><span class="addition">+    date_format: relative # date/relative 顯示日期還是相對日期</span></span><br><span class="line">  post:</span><br><span class="line"><span class="addition">+    date_format: relative # date/relative 顯示日期還是相對日期</span></span><br><span class="line"></span><br></pre></td></tr></table></figure></li>
<li><p>top_img 可配置 （留空（默認色）/顏色（HEX 值/RGB 值/顔色單詞/漸變色)/圖片鏈接/ false（不顯示 top_img））</p>
</li>
<li><p>footer 可配置背景 [留空/false(默認色)/顏色（HEX 值/RGB 值/顔色單詞/漸變色)/圖片鏈接/true(跟 top_img 一樣)]</p>
</li>
<li><p>網站背景可配置 （顏色（HEX 值/RGB 值/顔色單詞/漸變色)/漸變色/圖片鏈接）</p>
</li>
<li><p>增加 tag_per_img 配置（可為各個 tag 單獨配置 top_img）</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+tag_per_img:</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 category_per_img 配置（可為各個 category 單獨配置 top_img）</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+category_per_img:</span></span><br></pre></td></tr></table></figure></li>
<li><p>note 標籤優化(可自定義 icon 圖標/可覆蓋配置中的 style)</p>
</li>
<li><p>夜間模式下，背景顔色/top-img/footer-bg 設置為顔色時，不再強制顯示黑色，而是改為遮罩降低亮度</p>
</li>
<li><p>增加部分特效 Mobile 設置（activate_power_mode/fireworks/click_heart/ClickShowText)</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line">activate_power_mode:</span><br><span class="line">  ...</span><br><span class="line"><span class="addition">+  mobile: false</span></span><br><span class="line"></span><br><span class="line">fireworks:</span><br><span class="line">   ...</span><br><span class="line"><span class="addition">+  mobile: true</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-click_heart: false</span></span><br><span class="line"><span class="addition">+click_heart:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  mobile: false</span></span><br><span class="line"></span><br><span class="line">ClickShowText:</span><br><span class="line">  enable: false</span><br><span class="line">  ...</span><br><span class="line"><span class="addition">+  mobile: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>添加 artitalk 説説插件</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Artitalk</span></span><br><span class="line"><span class="addition">+# see https://artitalk.js.org/</span></span><br><span class="line"><span class="addition">+artitalk:</span></span><br><span class="line"><span class="addition">+  appId:</span></span><br><span class="line"><span class="addition">+  appKey:</span></span><br><span class="line"><span class="addition">+  option:</span></span><br><span class="line"></span><br><span class="line">CDN:</span><br><span class="line"><span class="addition">+  artitalk: https://cdn.jsdelivr.net/npm/artitalk</span></span><br></pre></td></tr></table></figure></li>
<li><p>網頁進入動畫效果可關閉</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Enter transitions (開啟網頁進入效果)</span></span><br><span class="line"><span class="addition">+enter_transitions: true</span></span><br></pre></td></tr></table></figure>
<h3 id="Improvements"><a href="#Improvements" class="headerlink" title="Improvements"></a>Improvements</h3></li>
<li><p>preloader 在 pjax 下 每個頁面都會加載</p>
</li>
<li><p>修改判斷，避免用户設置 2 個 lightbox 而導致報錯（只能設置一個）</p>
</li>
<li><p>精確時間顯示 （剛剛/幾分鐘前/幾小時前/幾天前/幾個月前）</p>
</li>
<li><p>刪除不必要的語言文件和 css</p>
</li>
<li><p>Open_Graph 改為 hexo 內置 生成</p>
</li>
<li><p>當隱藏部分沒配置時，左下角設置按鈕會消失 #353</p>
</li>
<li><p>aside 分類 收縮/展開 增加 slide 效果</p>
</li>
<li><p>darkmode 字體顔色加深</p>
</li>
<li><p>優化 nav 的進入，應該修復一些用户在本地測試中無法顯示 nav 的 bugs</p>
</li>
<li><p>最新評論 leancloud 呼叫由 js sdk 改為 rest api 呼叫。應用可以不與 valine 同一個</p>
</li>
<li><p>最新評論增加錯誤輸出</p>
</li>
<li><p>tags 設定彩色顯示後，字型大小將根據 tag 的文章數量而變化 close #365</p>
</li>
<li><p>調整 tags 頁和 categories 頁在寬度小於 768 時的字體大小</p>
</li>
<li><p>主題文件分類調正</p>
</li>
<li><p>當點擊評論框時，valine 背景圖片隱藏</p>
</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復當 hexo 的_config 沒有設置 description 時，會導致 pjax 在頁面與文章間切換會無效 #381</li>
<li>修復鼠標點擊文字特效，文字過長導致頁面有滾動條的 bugs</li>
<li>修復本地搜索文章鏈接無法跳轉 bugs</li>
</ol>
<h3 id="Remove"><a href="#Remove" class="headerlink" title="Remove"></a>Remove</h3><ol>
<li><p>移除 anime js， 集成在 fireworks 的 js 裏</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">CDN:</span><br><span class="line"><span class="deletion">-  anime: https://cdn.jsdelivr.net/npm/animejs@latest/anime.min.js</span></span><br></pre></td></tr></table></figure></li>
<li><p>刪除不必要的語言檔案</p>
</li>
</ol>
<h3 id="chore"><a href="#chore" class="headerlink" title="chore"></a>chore</h3><ol>
<li>update hexo-renderer-stylus to 2.0.1</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.1.1 (2020/09/06)</span></div>
    <div class="hide-content"><h2 id="3-1-1-2020-09-06"><a href="#3-1-1-2020-09-06" class="headerlink" title="3.1.1 (2020/09/06)"></a>3.1.1 (2020/09/06)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復關閉 last push date 後， 報 ‘hour’ 找不到的 bugs</li>
<li>修復開啟 prismjs 後， 在低版本的 safari 會出現 js 報錯的 Bugs</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.1.0 (2020/08/31)</span></div>
    <div class="hide-content"><h2 id="3-1-0-2020-08-31"><a href="#3-1-0-2020-08-31" class="headerlink" title="3.1.0 (2020/08/31)"></a>3.1.0 (2020/08/31)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li>只支持 hexo 4.2.0 以上版本</li>
<li>butterfly.yml 採用 deepMerge, 與_config 文件進行合併而不是替換</li>
</ol>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li><p>適配 hexo 5.0.0 的 prismjs, 代碼主題和各項功能</p>
</li>
<li><p>適配 hexo 5.1.0 prismjs caption</p>
</li>
<li><p>可隱藏 Mobile sidebar 子菜單</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Hide the child menu items in mobile sidebar</span></span><br><span class="line"><span class="addition">+hide_sidebar_menu_child: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>當寬度小於 1024 時，點擊 toc 滾動，增加滾動效果</p>
</li>
<li><p>可配置 font-size/更改配置中 code-font 為 code-font-family</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">font:</span><br><span class="line"><span class="addition">+  global-font-size:</span></span><br><span class="line"><span class="addition">+  code-font-size:</span></span><br><span class="line">   font-family:</span><br><span class="line"><span class="deletion">-   code-font:</span></span><br><span class="line"><span class="addition">+   code-font-family:</span></span><br></pre></td></tr></table></figure></li>
<li><p>部分 css 由’px’改為’em’，適應 font-size 值改變而改變</p>
</li>
<li><p>pjax 增加 exclude 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-pjax: false</span></span><br><span class="line"><span class="addition">+pjax:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  exclude:</span></span><br></pre></td></tr></table></figure></li>
<li><p>新增 cnzz_analytics</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br></pre></td><td class="code"><pre><span class="line"># Analysis</span><br><span class="line"># --------------------------------------</span><br><span class="line"></span><br><span class="line"># Baidu Analytics</span><br><span class="line"># https://tongji.baidu.com/web/welcome/login</span><br><span class="line">baidu_analytics:</span><br><span class="line"></span><br><span class="line"># Google Analytics</span><br><span class="line"># https://analytics.google.com/analytics/web/</span><br><span class="line">google_analytics:</span><br><span class="line"></span><br><span class="line"># Tencent Analytics</span><br><span class="line"># https://mta.qq.com/</span><br><span class="line">tencent_analytics: #500727214</span><br><span class="line"></span><br><span class="line"><span class="addition">+# CNZZ Analytics</span></span><br><span class="line"><span class="addition">+# https://www.umeng.com/</span></span><br><span class="line"><span class="addition">+cnzz_analytics:</span></span><br></pre></td></tr></table></figure></li>
<li><p>騰訊分析改為騰訊移動分析，並適配 pjax</p>
</li>
<li><p>aside 增加 position sticky</p>
</li>
<li><p>更改 addtoany item 的寫法</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line">addtoany:</span><br><span class="line">  enable: false</span><br><span class="line"><span class="deletion">-  item:</span></span><br><span class="line"><span class="deletion">-    - facebook</span></span><br><span class="line"><span class="deletion">-    - twitter</span></span><br><span class="line"><span class="deletion">-    - wechat</span></span><br><span class="line"><span class="deletion">-    - sina_weibo</span></span><br><span class="line"><span class="deletion">-    - facebook_messenger</span></span><br><span class="line"><span class="deletion">-    - email</span></span><br><span class="line"><span class="deletion">-    - copy_link</span></span><br><span class="line"><span class="addition">+	item: facebook,twitter,wechat,sina_weibo,facebook_messenger,email,copy_link</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加最後更新時間顯示/增加 post count 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">aside:</span><br><span class="line"><span class="deletion">-  card_webinfo: true</span></span><br><span class="line"><span class="addition">+  card_webinfo:</span></span><br><span class="line"><span class="addition">+    enable: true</span></span><br><span class="line"><span class="addition">+    post_count: true</span></span><br><span class="line"><span class="addition">+    last_push_date: true</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 aside 最新評論部件</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+newest_comments:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  limit: 6</span></span><br><span class="line"><span class="addition">+  avatar: true</span></span><br><span class="line"><span class="addition">+  leancloud:</span></span><br><span class="line"><span class="addition">+    enable: false</span></span><br><span class="line"><span class="addition">++    appId: # leancloud application app id</span></span><br><span class="line"><span class="addition">+    appKey: # leancloud application app key</span></span><br><span class="line"><span class="addition">+    serverURL: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)</span></span><br><span class="line"><span class="addition">+    default_avatar: mp # mp/identicon/monsterid/wavatar/retro/robohash/blank</span></span><br><span class="line"><span class="addition">+  github_issues:</span></span><br><span class="line"><span class="addition">+    enable: false</span></span><br><span class="line"><span class="addition">+    repo:</span></span><br><span class="line"><span class="addition">+  disqus:</span></span><br><span class="line"><span class="addition">+    enable: false</span></span><br><span class="line"><span class="addition">+    forum:</span></span><br><span class="line"><span class="addition">+    api_key:</span></span><br></pre></td></tr></table></figure>
<h3 id="Improvements"><a href="#Improvements" class="headerlink" title="Improvements"></a>Improvements</h3></li>
<li><p>archives 和 card-post 改為 flex 佈局</p>
</li>
<li><p>點擊滾動，如果滾動是向上時，將會偏移 60px， 避免導航欄遮擋 close #317</p>
</li>
<li><p>改 cookies 為<em>localStorage</em>存儲</p>
</li>
<li><p>設置中的 theme_color 可單獨配置幾個，而不需要全部開啟 close #314</p>
</li>
<li><p>調整 webinfo 寬度小時的顯示</p>
</li>
<li><p>aside 內容邊距調整</p>
</li>
<li><p>Pjax 下，刷新頁面時，會滾動到上次瀏覽的位置</p>
</li>
<li><p>修復 mathjax 溢出屏幕的 Bugs # 321</p>
</li>
<li><p>部分 css 調整和 html 優化</p>
</li>
<li><p>刪除 pwa 中的 theme-color 配置，默認生成 meta theme-color #340</p>
</li>
<li><p>補全 card-categories 和 card-archives 的 ‘查看更多‘鏈接 #337</p>
</li>
<li><p>代碼名字全大寫</p>
</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復 canvas_nest 配置沒有生效的 Bugs</li>
<li>修復 rightsize-bottom 配置無效的 bug</li>
<li>修復夜間模式下代碼塊有背景的 bugs（沒開啟渲染的情況下）</li>
<li>修復 prismjs 在 tags-toggle 外掛標簽裏，代碼塊顯示一行的 bugs</li>
<li>修復當關閉代碼渲染後，標簽外掛裏的代碼塊會被壓縮到一行的 bugs</li>
<li>修復在 modern 樣式下，note 標簽外掛沒有使用 tags 名時，沒有背景色和夜間模式文字顯示不清楚的 bugs</li>
<li>修復主頁文章 cover 在深色模式下，邊角有小白邊的 bugs #278</li>
<li>修復 note 標簽外掛下，代碼塊顯示背景色的 bugs close #339</li>
<li>修復 toc 滾動百分比不準的 Bugs</li>
<li>修復 comments 沒設置時，報 Unexpected token ‘)’的 bugs #344</li>
<li>修復網站子目錄下，相關文章 cover 無法顯示的 bugs #334</li>
</ol>
<h3 id="Remove"><a href="#Remove" class="headerlink" title="Remove"></a>Remove</h3><ol>
<li>去除字體放大、縮小按鈕</li>
<li>移除 代碼 default 主題</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.0.1 (2020/08/11)</span></div>
    <div class="hide-content"><h2 id="3-0-1-2020-08-11"><a href="#3-0-1-2020-08-11" class="headerlink" title="3.0.1 (2020/08/11)"></a>3.0.1 (2020/08/11)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復導航側邊欄沒有進入特效的 Bugs</li>
<li>修復 Hexo 5.0.0 以下版本， toc 遇到中文不會滾動的 bugs</li>
<li>修復 pjax 下，同時開啟 Open_Graph_meta 和 Livere，Livere 評論後台顯示的來源頁面與實際不同 的 bugs</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.0.0 (2020/08/05)</span></div>
    <div class="hide-content"><h2 id="3-0-0-2020-08-05"><a href="#3-0-0-2020-08-05" class="headerlink" title="3.0.0 (2020/08/05)"></a>3.0.0 (2020/08/05)</h2><h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復文章頁沒有 lazyload 的 bugs</li>
<li>修復文章頁沒有 lazyload 的 bugs</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.0.0-RC2 (2020/08/01)</span></div>
    <div class="hide-content"><h2 id="3-0-0-RC2-2020-08-01"><a href="#3-0-0-RC2-2020-08-01" class="headerlink" title="3.0.0-RC2 (2020/08/01)"></a>3.0.0-RC2 (2020/08/01)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li><p>支持雙評論系統配置/評論配置整理/評論增加 lazyload</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+comments:</span></span><br><span class="line"><span class="addition">+  # Up to two comments system, the first will be shown as default</span></span><br><span class="line"><span class="addition">+  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Utterances/Facebook Comments</span></span><br><span class="line"><span class="addition">+  use:</span></span><br><span class="line"><span class="addition">+  # - Valine</span></span><br><span class="line"><span class="addition">+  # - Disqus</span></span><br><span class="line"><span class="addition">+  text: true # Display the comment name next to the button</span></span><br><span class="line"><span class="addition">+  # lazyload: The comment system will be load when comment element enters the browser&#x27;s viewport.</span></span><br><span class="line"><span class="addition">+  # If you set it to false, the comment count will be invalid</span></span><br><span class="line"><span class="addition">+  lazyload: false</span></span><br><span class="line"><span class="addition">+  count: false # Display comment count in top_img</span></span><br><span class="line"></span><br><span class="line">disqus:</span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"><span class="deletion">-  count: false # dispaly comment count in top_img</span></span><br><span class="line"></span><br><span class="line">disqusjs:</span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"><span class="deletion">-  count: false # dispaly comment count in top_img</span></span><br><span class="line"></span><br><span class="line">livere:</span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"></span><br><span class="line">gitalk:</span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"><span class="deletion">-  count: false # dispaly comment count in top_img</span></span><br><span class="line"></span><br><span class="line">valine:</span><br><span class="line"><span class="deletion">-  enable: false # if you want use valine,please set this value is true</span></span><br><span class="line"><span class="deletion">-  count: false # dispaly comment count in top_img</span></span><br><span class="line"></span><br><span class="line">utterances:</span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"></span><br><span class="line">facebook_comments:</span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"><span class="deletion">-  count: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>footer 配置整理，修改部分用語 #279</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-since: 2020</span></span><br><span class="line"><span class="deletion">-footer_custom_text:</span></span><br><span class="line"><span class="deletion">-footer_copyright: true</span></span><br><span class="line"><span class="deletion">-ICP:</span></span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"><span class="deletion">-  url:</span></span><br><span class="line"><span class="deletion">-  text:</span></span><br><span class="line"><span class="deletion">-  icon: /img/icp.png</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+footer:</span></span><br><span class="line"><span class="addition">+  owner:</span></span><br><span class="line"><span class="addition">+    enable: true</span></span><br><span class="line"><span class="addition">+    since: 2020</span></span><br><span class="line"><span class="addition">+  custom_text:</span></span><br><span class="line"><span class="addition">+  copyright: true # Copyright of theme and framework</span></span><br><span class="line"><span class="addition">+  ICP: # Chinese ICP License</span></span><br><span class="line"><span class="addition">+    enable: false</span></span><br><span class="line"><span class="addition">+    url:</span></span><br><span class="line"><span class="addition">+    text:</span></span><br><span class="line"><span class="addition">+    icon: /img/icp.png</span></span><br></pre></td></tr></table></figure></li>
<li><p>移除‘添加書籤’功能，可執行配置按鈕</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">aside:</span><br><span class="line">  card_author:</span><br><span class="line">    enable: true</span><br><span class="line">    description:</span><br><span class="line"><span class="addition">+    button:</span></span><br><span class="line"><span class="addition">+      icon: fab fa-github</span></span><br><span class="line"><span class="addition">+      text: Follow Me</span></span><br><span class="line"><span class="addition">+      link: https://github.com/xxxxxx</span></span><br></pre></td></tr></table></figure></li>
<li><p>copy 的 copyright 增加字數限制配置，可配置多少字以上才添加版權信息</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">copy:</span><br><span class="line">  enable: true</span><br><span class="line"><span class="deletion">-  copyright: false</span></span><br><span class="line"><span class="addition">+  copyright:</span></span><br><span class="line"><span class="addition">+    enable: false</span></span><br><span class="line"><span class="addition">+    limit_count: 50</span></span><br></pre></td></tr></table></figure></li>
<li><p>aside recent post 可設置按發表時間或者更新時間排序</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">aside:</span><br><span class="line">  card_recent_post:</span><br><span class="line">    enable: true</span><br><span class="line">    limit: 5 # if set 0 will show all</span><br><span class="line"><span class="addition">+    sort: date # date or updated</span></span><br></pre></td></tr></table></figure></li>
<li><p>更換 typed.js/meting CDN</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-typed: https://cdn.jsdelivr.net/npm/typed.js</span></span><br><span class="line"><span class="deletion">-meting_js: https://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+typed: https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js</span></span><br><span class="line"><span class="addition">+meting_js: https://cdn.jsdelivr.net/gh/metowolf/MetingJS@1.2/dist/Meting.min.js</span></span><br></pre></td></tr></table></figure>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3></li>
<li><p>增加文章過期提醒</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Displays outdated notice for a post (文章過期提醒)</span></span><br><span class="line"><span class="addition">+noticeOutdate:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  style: flat # style: simple/flat</span></span><br><span class="line"><span class="addition">+  limit_day: 500 # When will it be shown</span></span><br><span class="line"><span class="addition">+  position: top # position: top/bottom</span></span><br><span class="line"><span class="addition">+  message_prev: It has been</span></span><br><span class="line"><span class="addition">+  message_next: days since the last update, the content of the article may be outdated.</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 mac light 代碼框配色</p>
</li>
<li><p>文章 copyright 可單獨配置</p>
</li>
<li><p>card-category 中 category 名稱和數字限制一行顯示</p>
</li>
<li><p>簡繁轉換優化，placeholder 也會被轉換</p>
</li>
<li><p>引入 css 變數，減少 css 體積</p>
</li>
<li><p>新增 Pjax #234</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Pjax [Beta]</span></span><br><span class="line"><span class="addition">+# It may contain bugs and unstable, give feedback when you find the bugs.</span></span><br><span class="line"><span class="addition">+# https://github.com/MoOx/pjax</span></span><br><span class="line"><span class="addition">+pjax: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>添加第三方 chat 服務 crisp</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# crisp</span></span><br><span class="line"><span class="addition">+# https://crisp.chat/en/</span></span><br><span class="line"><span class="addition">+crisp:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  website_id:</span></span><br></pre></td></tr></table></figure></li>
<li><p>谷歌廣告增加自動廣告配置，減少不必要的 js 加載</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">google_adsense:</span><br><span class="line">  enable: false</span><br><span class="line"><span class="addition">+  auto_ads: true</span></span><br><span class="line">  js: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js</span><br><span class="line">  client:</span><br><span class="line">  enable_page_level_ads: true</span><br></pre></td></tr></table></figure></li>
<li><p>當 post_asset_folder 為 true 時，post 的 top_img 和 cover 可直接引用同名文件夾下的圖片，只需要寫圖片名字和後綴就行 #270</p>
</li>
<li><p>增加 Yandex Webmaster tools verification 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Yandex Webmaster tools verification setting</span></span><br><span class="line"><span class="addition">+# see https://webmaster.yandex.com/</span></span><br><span class="line"><span class="addition">+yandex_site_verification:</span></span><br></pre></td></tr></table></figure></li>
<li><p>post-meta 可以配置是否顯示文字</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line">post_meta:</span><br><span class="line">  page: # Home Page</span><br><span class="line">    date_type: created # created or updated or both 主頁文章日期是創建日或者更新日或都顯示</span><br><span class="line">    categories: true # true or false 主頁是否顯示分類</span><br><span class="line">    tags: false # true or false 主頁是否顯示標籤</span><br><span class="line"><span class="addition">+    label: true # true or false 顯示描述性文字</span></span><br><span class="line">  post:</span><br><span class="line">    date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示</span><br><span class="line">    categories: true # true or false 文章頁是否顯示分類</span><br><span class="line">    tags: true # true or false 文章頁是否顯示標籤</span><br><span class="line"><span class="addition">+    label: true # true or false 顯示描述性文字</span></span><br></pre></td></tr></table></figure></li>
<li><p>手機端 post-meta 調整顯示/支持顯示分類</p>
</li>
<li><p>代碼框滾動條顔色隨代碼主題變化</p>
</li>
<li><p>頭像/打賞圖片 增加 lazyload</p>
</li>
<li><p>提升 highlight-tool 的加載速度</p>
</li>
<li><p>disqus/disqusjs/facebook comments 可隨夜間模式按鈕切換而轉換主題</p>
</li>
<li><p>mathjax 升級到 3 #216</p>
</li>
<li><p>pangu.js 只會渲染 body-wrap 區域</p>
</li>
<li><p>放大字體和縮小字體 限制在 10px~20px</p>
</li>
<li><p>更新谷歌分析代碼（gtag）</p>
</li>
<li><p>移除 blueimp_md5 js</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-blueimp_md5: https://cdn.jsdelivr.net/npm/blueimp-md5/js/md5.min.js</span></span><br></pre></td></tr></table></figure></li>
<li><p>夜間模式和閲讀模式微調</p>
</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修復右下角按鈕被 button 標籤外掛遮擋的 bugs</li>
<li>修復開啟 photofigcaption 後，圖庫會出現界面錯亂的 Bugs</li>
<li>修復 tabs 外掛標簽與 aplayer 插件衝突而異常的 bugs</li>
<li>aplayer 的間距調整</li>
<li>修復文章 front-matter 的 highlight_shrink 和 toc 為空時，會出現 js 報錯的 bugs</li>
<li>修復 BUTTON 標籤嵌套使用在其他標籤時，生成多了 br 標籤而導致樣式不同的 bugs</li>
<li>修復部分設備遇到 mobile-sidebar 無法滾動的 bugs</li>
<li>修復文章頁部分元素內文字溢出的 Bugs</li>
<li>調整當 card-category 有收縮按鈕時的顯示佈局</li>
<li>修復配置 PWA 參數時，如果網站是子目錄時，會出現加載不到文件的 bugs</li>
<li>修復 hexo douban 插件 點擊上/下一頁出現圖片變為 null 的 bugs</li>
<li>適配 hexo 5.0.0 修復 toc 點擊不會跳轉的 bugs</li>
<li>適配 hexo 5.0.0 修復 toc 不會隨著文章而滾動的 bugs</li>
<li>修復 Valine 的 requiredFields 設置為空 無效的 bugs</li>
<li>調整手機界面下 ol ul li 的邊距 #267</li>
<li>修復 facebook comments 在手機下寬度不是 100%的 bugs</li>
<li>修復 share.js 分享的文章圖片都顯示同一張的 bugs</li>
<li>去除 note 標籤外掛設為 modern 時，a 標籤的下劃線</li>
<li>修正一些不正確的 html 結構</li>
<li>修復 fancybox 的 alt 會顯示 undefined 的 bugs</li>
<li>修復 footer 藍色背景下，icp 文字 hover 文字變藍看不清的 Bug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>3.0.0-RC1 (2020/06/16)</span></div>
    <div class="hide-content"><h2 id="3-0-0-RC1-2020-06-16"><a href="#3-0-0-RC1-2020-06-16" class="headerlink" title="3.0.0-RC1 (2020/06/16)"></a>3.0.0-RC1 (2020/06/16)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li><p>從 3.0 開始，不再對 IE 瀏覽器進行適配</p>
</li>
<li><p>強制使用 fontawesome v5（會對一些自定義 icon 產生影響，請替換為 V5 圖標）</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# fontawesome圖標</span></span><br><span class="line"><span class="deletion">-# 默認使用的是 fontawesome v4版本的圖標</span></span><br><span class="line"><span class="deletion">-fontawesome_v5:</span></span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"></span><br><span class="line">CDN:</span><br><span class="line"><span class="deletion">-  # fontawesome</span></span><br><span class="line"><span class="deletion">-  fontawesome_v4: https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css</span></span><br><span class="line"><span class="deletion">-  fontawesome_v5: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css</span></span><br><span class="line"><span class="addition">+	fontawesome: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css</span></span><br></pre></td></tr></table></figure></li>
<li><p>_config.yml 內容修改</p>
<ol>
<li><p>精簡 baidu_push/instantpage/click_heart/readmode/footer_copyright/medium_zoom/fancybox 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-baidu_push:</span></span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-instantpage:</span></span><br><span class="line"><span class="deletion">-  enable: true</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-click_heart:</span></span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-readmode:</span></span><br><span class="line"><span class="deletion">-  enable: true</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-footer_copyright:</span></span><br><span class="line"><span class="deletion">-  enable: true</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-medium_zoom:</span></span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-fancybox:</span></span><br><span class="line"><span class="deletion">-  enable: true</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+baidu_push: false</span></span><br><span class="line"><span class="addition">+instantpage: true</span></span><br><span class="line"><span class="addition">+click_heart: false</span></span><br><span class="line"><span class="addition">+readmode: true</span></span><br><span class="line"><span class="addition">+footer_copyright: true</span></span><br><span class="line"><span class="addition">+medium_zoom: false</span></span><br><span class="line"><span class="addition">+fancybox: true</span></span><br></pre></td></tr></table></figure></li>
<li><p>修改 runtimeshow 的 start_date 為 publish_date</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">runtimeshow:</span><br><span class="line">  enable: true</span><br><span class="line"><span class="deletion">-  start_date: 6/7/2018 00:00:00</span></span><br><span class="line"><span class="addition">+  publish_date: 6/7/2018 00:00:00</span></span><br></pre></td></tr></table></figure></li>
<li><p>laibili 改名為 LiveRe</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-laibili:</span></span><br><span class="line"><span class="addition">+livere:</span></span><br><span class="line">  enable: false</span><br><span class="line">  uid:</span><br></pre></td></tr></table></figure></li>
<li><p>改 hr 為 hr_icon 可設置取消 icon</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"># 水平分隔綫</span><br><span class="line"><span class="deletion">-hr:</span></span><br><span class="line"><span class="addition">+hr_icon:</span></span><br><span class="line">  enable: true</span><br><span class="line">  icon: #fontawesome上圖標的Unicode</span><br><span class="line">  icon-top:</span><br></pre></td></tr></table></figure></li>
<li><p>更改 loading_bg 為 error_img，post-loading 移到 lazyload 去</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-lodding_bg:</span></span><br><span class="line"><span class="addition">+error_img:</span></span><br><span class="line">  flink: /img/friend_404.gif #404後圖片</span><br><span class="line">  post_page: /img/404.jpg #404後圖片</span><br><span class="line"><span class="deletion">-  post: /img/loading.gif #加載動畫</span></span><br><span class="line"></span><br><span class="line">lazyload:</span><br><span class="line">  enable: true</span><br><span class="line"><span class="addition">+  post: /img/loading.gif #加載動畫</span></span><br></pre></td></tr></table></figure></li>
<li><p>pangu 的 field 配置只能配置 site/post</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">pangu:</span><br><span class="line">  enable: true</span><br><span class="line"><span class="deletion">-  field: page # page/post</span></span><br><span class="line"><span class="addition">+  field: site # site/post</span></span><br></pre></td></tr></table></figure></li>
<li><p>整合 auto_open_sidebar 到 toc 去</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">toc:</span><br><span class="line">  enable: true</span><br><span class="line">  number: true</span><br><span class="line"><span class="addition">+  auto_open: true # auto open the sidebar</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-# auto open the sidebar in &#x27;post&#x27;</span></span><br><span class="line"><span class="deletion">-auto_open_sidebar:</span></span><br><span class="line"><span class="deletion">-  enable: true</span></span><br></pre></td></tr></table></figure></li>
<li><p>font 去除 enable 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"># 全局字體</span><br><span class="line">font:</span><br><span class="line"><span class="deletion">-  enable: false</span></span><br><span class="line"><span class="deletion">-  font-family: Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, MicrMicrosoft YaHei&quot;, Helvetica Neue, Helvetica, Arial, sans-serif</span></span><br><span class="line"><span class="deletion">-  code-font: consolas, Menlo, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, monospace, Helvetica Neue For Number</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+  font-family:</span></span><br><span class="line"><span class="addition">+  code-font:</span></span><br></pre></td></tr></table></figure></li>
<li><p>刪除部分配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">valine:</span><br><span class="line"><span class="deletion">-  notify: false # valine mail notify (true/false) Deprecated in v1.4.0+</span></span><br><span class="line"><span class="deletion">-  verify: false # valine verify code (true/false) Deprecated in v1.4.0+</span></span><br><span class="line"></span><br><span class="line">translate:</span><br><span class="line"><span class="deletion">-  #博客網址</span></span><br><span class="line"><span class="deletion">-  cookieDomain: &#x27;https://xxx/&#x27;</span></span><br></pre></td></tr></table></figure></li>
<li><p>刪除 twitter_meta 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# twitter分享自動帶上樣式</span></span><br><span class="line"><span class="deletion">-# -https://i.loli.net/2019/09/08/qm3RfvUCKbct1Wz.png</span></span><br><span class="line"><span class="deletion">-twitter_meta: true</span></span><br></pre></td></tr></table></figure>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3></li>
</ol>
</li>
<li><p>table 寬度佔滿顯示</p>
</li>
<li><p>增加系統 Darkmode 切換監控，當系統切換 Darkmode 時，主題會立刻切換</p>
</li>
<li><p>card_description 支持 html 書寫</p>
</li>
<li><p>Dark Mode 和 Light Mode 切換按鈕 icon 更換</p>
</li>
<li><p>適配 hexo 自帶標簽 Pullquote</p>
</li>
<li><p>百度推送鏈接增加 dns-prefetch</p>
</li>
<li><p>canonical 設為默認生成 不再提供配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# 避免重複網址分散seo</span></span><br><span class="line"><span class="deletion">-canonical: true</span></span><br></pre></td></tr></table></figure></li>
<li><p>instantpage js 加載增加 defer</p>
</li>
<li><p>fireworks 增加 z-index 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">fireworks:</span><br><span class="line">  enable: false</span><br><span class="line"><span class="addition">+  zIndex: 9999 # -1 or 9999</span></span><br></pre></td></tr></table></figure></li>
<li><p>新的 Tag Plugins - button</p>
</li>
<li><p>新的 Tag Plugins - tabs</p>
</li>
<li><p>可配置 justifiedGallery CDN</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">CDN:</span><br><span class="line"><span class="addition">+  # justifiedGallery</span></span><br><span class="line"><span class="addition">+  justifiedGallery_js: https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js</span></span><br><span class="line"><span class="addition">+  justifiedGallery_css: https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css</span></span><br></pre></td></tr></table></figure></li>
<li><p>新設計 404 頁面</p>
</li>
<li><p>aplayer js /css 可配置，在文章 front-matter 中設置 aplayer. 防止 aplayer 在每個頁面都插入代碼</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">CDN:</span><br><span class="line"><span class="addition">+  # aplayer</span></span><br><span class="line"><span class="addition">+  aplayer_css: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css</span></span><br><span class="line"><span class="addition">+  aplayer_js: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js</span></span><br><span class="line"><span class="addition">+  meting_js: https://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加在綫聊天 Chat Services (chatra/tidio/daovoice/gitter), 可配置主題 chat 按鈕替換原在綫聊天按鈕</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Chat Button [recommend]</span></span><br><span class="line"><span class="addition">+# It will create a button in the bottom right corner of website, and hide the origin button</span></span><br><span class="line"><span class="addition">+chat_btn: false</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+# The origin chat button is displayed when scrolling up, and the button is hidden when scrolling down</span></span><br><span class="line"><span class="addition">+chat_hide_show: false</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+# chatra</span></span><br><span class="line"><span class="addition">+# https://chatra.io/</span></span><br><span class="line"><span class="addition">+chatra:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  id:</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+# tidio</span></span><br><span class="line"><span class="addition">+# https://www.tidio.com/</span></span><br><span class="line"><span class="addition">+tidio:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  public_key:</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+# daovoice</span></span><br><span class="line"><span class="addition">+# http://daovoice.io/</span></span><br><span class="line"><span class="addition">+daovoice:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  app_id:</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+# gitter</span></span><br><span class="line"><span class="addition">+# https://gitter.im/</span></span><br><span class="line"><span class="addition">+gitter:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  room:</span></span><br></pre></td></tr></table></figure></li>
<li><p>可配置 rightside 按鈕與底部的距</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# 右下角按鈕距離底部的距離(默認單位為px)</span></span><br><span class="line"><span class="addition">+rightside-bottom:</span></span><br></pre></td></tr></table></figure></li>
<li><p>更換 lazyload 服務商</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">CDN:</span><br><span class="line"><span class="deletion">-	lazyload: https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js</span></span><br><span class="line"><span class="addition">+	lazyload: https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js</span></span><br></pre></td></tr></table></figure></li>
<li><p>card-categories 增加收縮/展開按鈕</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">aside:</span><br><span class="line">  card_categories:</span><br><span class="line">    enable: true</span><br><span class="line">    limit: 8 # if set 0 will show all</span><br><span class="line"><span class="addition">+    expand: none # none/true/false</span></span><br></pre></td></tr></table></figure></li>
<li><p>更改 auto_excerpt 為 index_post_content，並擁有三種方法可選</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# 自動節選</span></span><br><span class="line"><span class="deletion">-auto_excerpt:</span></span><br><span class="line"><span class="deletion">-  enable: true</span></span><br><span class="line"><span class="deletion">-  length: 150</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+# Display the article introduction on homepage</span></span><br><span class="line"><span class="addition">+# 1: description</span></span><br><span class="line"><span class="addition">+# 2: both (if the description exists, it will show description. or show the auto_excerpt)</span></span><br><span class="line"><span class="addition">+# 3: auto_excerpt (default)</span></span><br><span class="line"><span class="addition">+index_post_content:</span></span><br><span class="line"><span class="addition">+  method: 3</span></span><br><span class="line"><span class="addition">+  length: 500 # if you set method to 2 or 3, the length need to config</span></span><br></pre></td></tr></table></figure></li>
<li><p>可在 post 裏單獨設置 auto_open: false 關掉 sidebar 自動打開 #232</p>
</li>
<li><p>友情鏈接界面代碼優化/增加分類描述/分類名字和描述可以不寫/友情鏈接 yml 寫法更改（舊的寫法依舊有效，沒影響）</p>
</li>
<li><p>文章/頁面 font-matter 可設置 highlight_shrink (true or false)</p>
</li>
<li><p>代碼框優化</p>
<ol>
<li>調整部分代碼顔色</li>
<li>增加一款代碼主題 mac</li>
<li>代碼框主題支持自定義</li>
</ol>
</li>
<li><p>閲讀模式下去掉代碼高亮</p>
</li>
<li><p>disqusjs 更新 js/css 版本，增加 nocomment 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line">disqusjs:</span><br><span class="line">  enable: false</span><br><span class="line">  shortname:</span><br><span class="line">  siteName:</span><br><span class="line">  apikey:</span><br><span class="line"><span class="deletion">-  api: https://disqus.skk.moe/disqus/ #一般情況下無需修改 API 地址</span></span><br><span class="line"><span class="addition">+  api:</span></span><br><span class="line"><span class="addition">+  nocomment: # display when a blog post or an article has no comment attached</span></span><br><span class="line">  admin:</span><br><span class="line">  adminLabel:</span><br><span class="line">  count: false # dispaly comment count in top_img</span><br><span class="line"></span><br><span class="line">CDN:</span><br><span class="line"><span class="deletion">-  disqusjs: https://cdn.jsdelivr.net/npm/disqusjs@1.2/dist/disqus.js</span></span><br><span class="line"><span class="deletion">-  disqusjs_css: https://cdn.jsdelivr.net/npm/disqusjs@1.2/dist/disqusjs.css</span></span><br><span class="line"><span class="addition">+  disqusjs: https://cdn.jsdelivr.net/npm/disqusjs@1/dist/disqus.js</span></span><br><span class="line"><span class="addition">+  disqusjs_css: https://cdn.jsdelivr.net/npm/disqusjs@1/dist/disqusjs.css</span></span><br></pre></td></tr></table></figure></li>
<li><p>打賞增加鏈接配置 /打賞寫法更改（舊寫法依然有用）#240</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><span class="line"># 打賞按鈕</span><br><span class="line">reward:</span><br><span class="line">  enable: true</span><br><span class="line">  QR_code:</span><br><span class="line"><span class="deletion">-    - itemlist:</span></span><br><span class="line"><span class="deletion">-        img: /img/wechat.jpg</span></span><br><span class="line"><span class="deletion">-        text: 微信</span></span><br><span class="line"><span class="deletion">-    - itemlist:</span></span><br><span class="line"><span class="deletion">-        img: /img/alipay.jpg</span></span><br><span class="line"><span class="deletion">-        text: 支付寶</span></span><br><span class="line"><span class="addition">+    - img: /img/wechat.jpg</span></span><br><span class="line"><span class="addition">+      link:</span></span><br><span class="line"><span class="addition">+      text: 微信</span></span><br><span class="line"><span class="addition">+    - img: /img/alipay.jpg</span></span><br><span class="line"><span class="addition">+      link:</span></span><br><span class="line"><span class="addition">+      text: 支付寶</span></span><br></pre></td></tr></table></figure></li>
<li><p>移除 JS-COOKIES</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">CDN:</span><br><span class="line"><span class="deletion">-  js_cookies: https://cdn.jsdelivr.net/npm/js-cookie/dist/js.cookie.min.js</span></span><br></pre></td></tr></table></figure></li>
<li><p>可為文章配置是否顯示 TOC,即使配置中已把 toc 設為 false</p>
</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>修正側邊欄目錄收縮、展開圖標不對齊的 bugs</li>
<li>修改部分用語(zh-CN/zh-TW/en)</li>
<li>修復 card-categories 和 card-archives 邊緣點擊沒有跳轉的 bugs</li>
<li>修復網站是子目錄時，社交網站為相對地址時，地址生成錯誤的 bugs</li>
<li>修復最後一篇文章的 Pagination 沒有佔據全寬度的 Bug</li>
<li>修復推薦文章佈局在 microsoft edge(舊版)顯示的 Bug</li>
<li>修復閲讀模式下 黑色代碼框下字體顯示不清楚 #223</li>
<li>修復當 blog_title_font 不是設置 google 字體時，加載了 preconnect //fonts.googleapis.com 的 bugs</li>
<li>修復設置 copy 為 false 時，會導致代碼複製也無法複製的 bugs</li>
<li>閲讀模式調整</li>
<li>修復部分壓縮軟件壓縮 html 報錯的 bugs</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>2.3.5(2020/05/01)</span></div>
    <div class="hide-content"><h2 id="2-3-5-2020-05-01"><a href="#2-3-5-2020-05-01" class="headerlink" title="2.3.5 (2020/05/01)"></a>2.3.5 (2020/05/01)</h2><h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li><p>beautify 可配置生效於全站還是 post 頁 #218</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">beautify:</span><br><span class="line">  enable: true</span><br><span class="line"><span class="addition">+  field: post # site/post</span></span><br><span class="line">  title-prefix-icon: &#x27;\f0c1&#x27;</span><br><span class="line">  title-prefix-icon-color: &#x27;#F47466&#x27;</span><br></pre></td></tr></table></figure></li>
<li><p>更換 lazyload js</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-lazyload:</span></span><br><span class="line"><span class="deletion">-  enable: true</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+lazyload: true</span></span><br><span class="line"></span><br><span class="line">CDN:</span><br><span class="line"></span><br><span class="line"><span class="deletion">-  lazyload: https://cdn.jsdelivr.net/npm/lazysizes@latest/lazysizes.min.js</span></span><br><span class="line"><span class="addition">+  lazyload: https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js</span></span><br><span class="line"></span><br></pre></td></tr></table></figure></li>
<li><p>增加文章 anchor 配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+ # anchor</span></span><br><span class="line"><span class="addition">+ # when you scroll in post , the url will update according to header id.</span></span><br><span class="line"><span class="addition">+ anchor: false</span></span><br></pre></td></tr></table></figure>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3></li>
<li><p>修復當 menu 沒設置圖標時，會報 Cannot read property ‘trim’ of undefined 的 bug</p>
</li>
<li><p>修復 meta description 自動生成文章前 200 文字時部分沒有轉義的 bug</p>
</li>
<li><p>修復開啟 lazyload 後，使用 無法顯示照片的 bug</p>
</li>
<li><p>修復 tags 頁標籤只顯示 8 個的 bug</p>
</li>
<li><p>修復當博客 root 不是’/‘時,引用本地圖片會顯示不出的 bug</p>
</li>
<li><p>修復替換 url hash 導致頁面跳動的 bug</p>
</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>2.3.0(2020/04/26)</span></div>
    <div class="hide-content"><h2 id="2-3-0-2020-04-26"><a href="#2-3-0-2020-04-26" class="headerlink" title="2.3.0(2020/04/26)"></a>2.3.0(2020/04/26)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li><p>增加 Facebook Comments</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# Facebook Comments Plugin</span></span><br><span class="line"><span class="addition">+# https://developers.facebook.com/docs/plugins/comments/</span></span><br><span class="line"><span class="addition">+facebook_comments:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"><span class="addition">+  app_id:</span></span><br><span class="line"><span class="addition">+  user_id: # optional</span></span><br><span class="line"><span class="addition">+  pageSize: 10 # The number of comments to show</span></span><br><span class="line"><span class="addition">+  order_by: social # social/time/reverse_time</span></span><br><span class="line"><span class="addition">+  lang: en_US # Language en_US/zh_CN/zh_TW and so on</span></span><br><span class="line"><span class="addition">+  count: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加頁面加載動畫 Preloader #193</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# 加載動畫 Loading Animation</span></span><br><span class="line"><span class="addition">+preloader: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>aside card-tags 可配置是否顯示顏色/aside subtitle 可配置，優先顯示配置內容、沒有的顯示頁面 subtitle #191 /aside widget 增加部分參數可配置/aside widget 的 Categories，Tags，post,Archives 可配置 limit/整合公告欄配置到 aside 去</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br></pre></td><td class="code"><pre><span class="line">aside:</span><br><span class="line">  enable: true</span><br><span class="line">  mobile: true # 手機頁面( 顯示寬度 &lt; 768px )是否顯示aside內容</span><br><span class="line">  position: right # left or right</span><br><span class="line"><span class="deletion">-  card_author: true</span></span><br><span class="line"><span class="deletion">-  card_announcement: true</span></span><br><span class="line"><span class="deletion">-  card_recent_post: true</span></span><br><span class="line"><span class="deletion">-  card_categories: true</span></span><br><span class="line"><span class="deletion">-  card_tags: true</span></span><br><span class="line"><span class="deletion">-  card_archives: true</span></span><br><span class="line"><span class="addition">+  card_author:</span></span><br><span class="line"><span class="addition">+    enable: true</span></span><br><span class="line"><span class="addition">+    description:</span></span><br><span class="line"><span class="addition">+  card_announcement:</span></span><br><span class="line"><span class="addition">+    enable: true</span></span><br><span class="line"><span class="addition">+    content: This is my Blog</span></span><br><span class="line"><span class="addition">+  card_recent_post:</span></span><br><span class="line"><span class="addition">+    enable: true</span></span><br><span class="line"><span class="addition">+    limit: 5 # if set 0 will show all</span></span><br><span class="line"><span class="addition">+  card_categories:</span></span><br><span class="line"><span class="addition">+    enable: true</span></span><br><span class="line"><span class="addition">+    limit: 8 # if set 0 will show all</span></span><br><span class="line"><span class="addition">+  card_tags:</span></span><br><span class="line"><span class="addition">+    enable: true</span></span><br><span class="line"><span class="addition">+    limit: 40 # if set 0 will show all</span></span><br><span class="line"><span class="addition">+    color: false</span></span><br><span class="line"><span class="addition">+  card_archives:</span></span><br><span class="line"><span class="addition">+    enable: true</span></span><br><span class="line"><span class="addition">+    type: monthly # yearly or monthly</span></span><br><span class="line"><span class="addition">+    format: MMMM YYYY # eg: YYYY年MM月</span></span><br><span class="line"><span class="addition">+    order: -1 # Sort of order. 1, asc for ascending; -1, desc for descending</span></span><br><span class="line"><span class="addition">+    limit: 8 # if set 0 will show all</span></span><br><span class="line">  card_webinfo: true</span><br><span class="line"></span><br><span class="line"><span class="deletion">-# 網站公告</span></span><br><span class="line"><span class="deletion">-announcement:</span></span><br><span class="line"><span class="deletion">-  content: 感謝訪問本站，若喜歡請收藏 ^_^</span></span><br><span class="line"></span><br></pre></td></tr></table></figure></li>
<li><p>改 CDN_USE 為 inject,可插入代碼到 head 或者 bottom</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# CDN</span></span><br><span class="line"><span class="deletion">-# 網站必須</span></span><br><span class="line"><span class="deletion">-# 可根據需要自行添加js/css</span></span><br><span class="line"><span class="deletion">-CDN_USE:</span></span><br><span class="line"><span class="deletion">-  css:</span></span><br><span class="line"><span class="deletion">-    - /css/index.css</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-  js:</span></span><br><span class="line"><span class="deletion">-    - https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js #/js/third-party/jquery.min.js</span></span><br><span class="line"><span class="deletion">-    - /js/utils.js</span></span><br><span class="line"><span class="deletion">-    - /js/main.js</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+# inject</span></span><br><span class="line"><span class="addition">+# 插入代碼到頭部&lt;/head&gt;之前 和 尾部&lt;/body&gt;之前</span></span><br><span class="line"><span class="addition">+inject:</span></span><br><span class="line"><span class="addition">+  head:</span></span><br><span class="line"><span class="addition">+  	# - &lt;link rel=&quot;stylesheet&quot; href=&quot;xxxxx&quot;&gt;</span></span><br><span class="line"><span class="addition">+  bottom:</span></span><br><span class="line"><span class="addition">+  	# - &lt;script src=&quot;xxxx&quot;&gt;&lt;/script&gt;</span></span><br><span class="line"></span><br><span class="line"># CDN</span><br><span class="line"># 非必要不要修改</span><br><span class="line">CDN:</span><br><span class="line"><span class="addition">+  # main</span></span><br><span class="line"><span class="addition">+  main_css: /css/index.css</span></span><br><span class="line"><span class="addition">+  jquery: https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js</span></span><br><span class="line"><span class="addition">+  main: /js/main.js</span></span><br><span class="line"><span class="addition">+  utils: /js/utils.js</span></span><br></pre></td></tr></table></figure></li>
<li><p>適配 valine 1.4.5 以上版本</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br></pre></td><td class="code"><pre><span class="line">valine:</span><br><span class="line">  enable: false # if you want use valine,please set this value is true</span><br><span class="line">  appId: # leancloud application app id</span><br><span class="line">  appKey: # leancloud application app key</span><br><span class="line">  notify: false # valine mail notify (true/false) Deprecated in v1.4.0+</span><br><span class="line">  verify: false # valine verify code (true/false) Deprecated in v1.4.0+</span><br><span class="line">  pageSize: 10 # comment list page size</span><br><span class="line">  avatar: monsterid # gravatar style https://valine.js.org/#/avatar</span><br><span class="line">  lang: en # i18n: zh-CN/zh-TW/en/ja</span><br><span class="line">  placeholder: Please leave your footprints # valine comment input placeholder(like: Please leave your footprints )</span><br><span class="line">  guest_info: nick,mail,link #valine comment header info</span><br><span class="line">  recordIP: false # Record reviewer IP</span><br><span class="line">  serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)</span><br><span class="line"><span class="addition">+  emojiCDN: # emoji CDN</span></span><br><span class="line"><span class="addition">+  enableQQ: false # enable the Nickname box to automatically get QQ Nickname and QQ Avatar</span></span><br><span class="line"><span class="addition">+  requiredFields: nick,mail # required fields nick/mail/link</span></span><br><span class="line">  bg: /img/comment_bg.png # valine background</span><br><span class="line">  count: false # dispaly comment count in top_img</span><br></pre></td></tr></table></figure></li>
<li><p>移除對文章隱藏的支持</p>
</li>
</ol>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li>增加標籤外掛 tag-toggle</li>
<li>適配 hexo-generator-indexed 插件</li>
<li>Dark mode 和 Read mode 配色微調</li>
<li>增加頁面 keywords 設置 #191</li>
<li>algolia-search highlight 文字加深</li>
<li>調整子目錄的排版(向左對齊)</li>
<li>調整 aside 和 mobile sidebar 網頁資訊佈局，當缺少一個時，寬度依舊平分</li>
<li>sidebar menu 增加頭像轉圈 hover</li>
<li>當沒有設置 Description 時，會自動讀取文章前 200 個文字作為 meta Description</li>
<li>meta 增加 article:published_time 和 article:modified_time</li>
<li>subtitle 修改為網頁加載完後再加載，防止 API 迴應過慢而阻礙網頁顯示</li>
<li>移除 subtitle 金山詞霸每日一句，增加搏天 API 的隨機語錄</li>
<li>本地搜索支持顯示文章內容和高亮 keyword</li>
<li>Read mode 下可以切換 Dark mode 和 Light mode</li>
<li>高分辨率下的界面適配 #163</li>
<li>修復 Dark Mode 下，note 標籤的顯示 bug</li>
<li>添加 dns_prefetch</li>
</ol>
<h3 id="Fixed"><a href="#Fixed" class="headerlink" title="Fixed"></a>Fixed</h3><ol>
<li>修復 articleSort 設置文章封面邏輯不一致的問題 #194</li>
<li>修正 zh-TW 部分用語</li>
<li>修復 hide-block 配置顏色顯示出錯的 bug</li>
<li>修復只能點擊子目錄文字才能跳轉的 bug</li>
<li>修復搜索結果在手機端無法滾動的 bug</li>
<li>修復 aside categories 查看更多跳轉到 tags 頁面的 bug #188</li>
<li>修復當 flink.yml 內容為空時，報錯的 bug</li>
<li>修復 Dark mode 下 aside 查看更多文字顏色太淺的 bug</li>
<li>修復 POST-META 關閉閲讀分鐘和訪問量後,評論量前有分割線的 bug</li>
<li>修復 canvas_ribbon 透明度變為 1 再變回預設值 bug</li>
<li>修復當 default_cover 沒設置時，會出現無圖片的 bug</li>
<li>修復文章頁替換 url hash 值而導致歷史記錄過多的問題</li>
<li>修復 DarkMode 下，note 標籤的顯示 bug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>2.2.5(2020/03/28)</span></div>
    <div class="hide-content"><h2 id="2-2-5-2020-03-28"><a href="#2-2-5-2020-03-28" class="headerlink" title="2.2.5(2020/03/28)"></a>2.2.5(2020/03/28)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li><p>增加自動廣告位置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+ad:</span></span><br><span class="line"><span class="addition">+ index:</span></span><br><span class="line"><span class="addition">+ aside:</span></span><br><span class="line"><span class="addition">+ post:</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加圖片 Figcaption 顯示</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+ photofigcaption: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加全站總字數顯示，可配置是否關閉 wordcout 閲讀時間/字數統計/全站總字數</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">wordcount:</span><br><span class="line">  enable: false</span><br><span class="line"><span class="addition">+  post_wordcount: true</span></span><br><span class="line"><span class="addition">+  min2read: true</span></span><br><span class="line"><span class="addition">+  total_wordcount: true</span></span><br></pre></td></tr></table></figure>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3></li>
<li><p>文章頁上滑出現的頂欄顯示目錄</p>
</li>
<li><p>全站 post-meta 增加提示文本(Tooltip Text)</p>
</li>
<li><p>調整文章頁 post-meta 和主頁 post-meta 的間距</p>
</li>
<li><p>文章頁，當設置只顯示一個日期時，增加文字顯示</p>
</li>
</ol>
<h3 id="Fixed"><a href="#Fixed" class="headerlink" title="Fixed"></a>Fixed</h3><ol>
<li>修復 lazyload 中，img 標籤的 class 在 src 後面時，導致替換出錯的 bug</li>
<li>修復複製版權信息 url 為 undefined 的 bug</li>
<li>修復 aside 的 “查看更多” 不居中的 bug</li>
<li>修復 highlight_shrink 設為 false 時,js 報錯的 bug</li>
<li>修復 highlight_shrink 設為 true,點擊無反應，沒有打開代碼框的 bug</li>
<li>Darkmode 下，出現切換按鈕 icon 沒有改變的 bug</li>
<li>修復簡繁轉換無效的 bug</li>
<li>修復首頁文章日期顯示錯誤的 bug</li>
<li>修復因註釋掉豆瓣設置導致報 Cannot read property ‘meta’ of undefined 的 bug</li>
<li>修復 Gitalk 報 Error: Cannot read property ‘repository’ of undefined 的 bug</li>
<li>修復評論 utterances 在 display_mode 設置為 dark 時，仍顯示 light 主題的 bug</li>
<li>修復 display_mode 設置 dark 沒有效果的 bug</li>
<li>評論增加夜間模式、文章頁判斷,減少不必要的 js 加載</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>2.2.0 (2020/03/17)</span></div>
    <div class="hide-content"><h2 id="2-2-0-2020-03-17"><a href="#2-2-0-2020-03-17" class="headerlink" title="2.2.0 (2020/03/17)"></a>2.2.0 (2020/03/17)</h2><h3 id="Breaking-Change"><a href="#Breaking-Change" class="headerlink" title="Breaking Change"></a>Breaking Change</h3><ol>
<li><p>不再支持 hexo 4.0.0 以下版本</p>
</li>
<li><p>添加 hexo fragment_cache,加快生成速度</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+ fragment_cache: true</span></span><br></pre></td></tr></table></figure></li>
<li><p>完善 V5 圖標顯示，不再需要同時加載 V4 和 v5 圖標</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+ fontawesome_v5:</span></span><br><span class="line"><span class="addition">+  enable: false</span></span><br><span class="line"></span><br><span class="line">CDN_USE:</span><br><span class="line">  css:</span><br><span class="line">    - /css/index.css</span><br><span class="line"><span class="deletion">-   - https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css</span></span><br><span class="line"><span class="deletion">-   - https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css #fontawesomeV5_css</span></span><br><span class="line"></span><br><span class="line">CDN:</span><br><span class="line"><span class="addition">+  # fontawesome</span></span><br><span class="line"><span class="addition">+  fontawesome_v4: https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css</span></span><br><span class="line"><span class="addition">+  fontawesome_v5: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css</span></span><br></pre></td></tr></table></figure></li>
<li><p>去除 cheerio 依賴</p>
</li>
<li><p>整合豆瓣配置，增加配置遊戲，圖書頁面 top_img,可設置是否設置 meta,解決部分瀏覽器無法顯示圖片問題</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">- # 如果你有使用hexo-douban去生成movie界面，可配置這個</span></span><br><span class="line"><span class="deletion">- movies_img: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/movie.jpg</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+ douban:</span></span><br><span class="line"><span class="addition">+   meta: false</span></span><br><span class="line"><span class="addition">+   movies_img:</span></span><br><span class="line"><span class="addition">+   books_img:</span></span><br><span class="line"><span class="addition">+   games_img:</span></span><br></pre></td></tr></table></figure></li>
<li><p>友情鏈接除列表外可自定義內容</p>
</li>
<li><p>可設置主頁標題距離頂部距離</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"># 主頁設置</span><br><span class="line"># 默認top_img全屏，site_info在中間</span><br><span class="line"># 使用默認, 都無需填寫(建議默認)</span><br><span class="line"><span class="addition">+index_site_info_top: # 主頁標題距離頂部距離  例如 300px/300em/300rem/10%</span></span><br><span class="line"><span class="comment">index_top_img_height: # 主頁top_img高度 例如 300px/300em/300rem  不能使用百分比</span></span><br></pre></td></tr></table></figure></li>
<li><p>側邊欄可隱藏,可設置手機頁面是否隱藏</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-aside_mobile: true</span></span><br><span class="line"></span><br><span class="line">aside:</span><br><span class="line"><span class="addition">+  enable: true</span></span><br><span class="line"><span class="addition">+  mobile: true # 手機頁面( 顯示寬度 &lt; 768px )是否顯示aside內容</span></span><br><span class="line">  position: right # left or right</span><br><span class="line">  card_author: true</span><br></pre></td></tr></table></figure></li>
<li><p>增加 disqusjs 和 utterances 兩個評論</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+disqusjs:</span></span><br><span class="line"><span class="addition">+  enable: false #開啟改為 true</span></span><br><span class="line"><span class="addition">+  shortname:</span></span><br><span class="line"><span class="addition">+  siteName:</span></span><br><span class="line"><span class="addition">+  apikey:</span></span><br><span class="line"><span class="addition">+  api: https://disqus.skk.moe/disqus/ #一般情況下無需修改 API 地址</span></span><br><span class="line"><span class="addition">+  admin:</span></span><br><span class="line"><span class="addition">+  adminLabel:</span></span><br><span class="line"><span class="addition">+  count: true # top_img顯示評論數</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+ utterances:</span></span><br><span class="line"><span class="addition">+   enable: false</span></span><br><span class="line"><span class="addition">+   repo: jerryc127/jerryc127.github.io # 可選 pathname/url/title/og:title</span></span><br><span class="line"><span class="addition">+   issue_term: pathname # 可選 github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark</span></span><br><span class="line"><span class="addition">+  light_theme: github-light</span></span><br><span class="line"><span class="addition">+  dark_theme: photon-dark</span></span><br></pre></td></tr></table></figure></li>
<li><p>首頁 subtitle 可關閉打字效果，可設置打字效果顯示一次或 loop</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br></pre></td><td class="code"><pre><span class="line">subtitle:</span><br><span class="line">  enable: true</span><br><span class="line"><span class="addition">+  # 打字效果</span></span><br><span class="line"><span class="addition">+  effect: true</span></span><br><span class="line"><span class="addition">+  # 循環或者只打字一次</span></span><br><span class="line"><span class="addition">+  loop: false</span></span><br><span class="line">  # source調用第三方服務</span><br><span class="line">  # source: false 關閉調用</span><br><span class="line">  # source: 1  調用金山詞霸的每日一句(簡體)</span><br><span class="line">  # source: 2  調用一言網的一句話(簡體) #https://hitokoto.cn/</span><br><span class="line">  # source: 3  調用一句網(簡體) http://yijuzhan.com/</span><br><span class="line">  # source: 4  調用今日詩詞(簡體) https://www.jinrishici.com/</span><br><span class="line">  # subtitle 會先顯示 source , 再顯示 sub 的內容</span><br><span class="line">  source: 2</span><br><span class="line">  # (如果有英文逗號&#x27; , &#x27;，請使用轉義字符 &amp;#44;)</span><br><span class="line">  # 如果關閉打字效果，subtitle只會顯示sub的第一行文字</span><br><span class="line">  sub:</span><br><span class="line">    - 今日事&amp;#44;今日畢</span><br><span class="line">    - Never put off till tomorrow what you can do today</span><br></pre></td></tr></table></figure></li>
<li><p>增加 valine 和 gitalk 的配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br></pre></td><td class="code"><pre><span class="line">gitalk:</span><br><span class="line">  enable: false</span><br><span class="line">  client_id:</span><br><span class="line">  client_secret:</span><br><span class="line">  repo:</span><br><span class="line">  owner:</span><br><span class="line">  admin:</span><br><span class="line">  language: zh-CN # en , zh-CN , zh-TW</span><br><span class="line"><span class="addition">+  perPage: 10 # Pagination size, with maximum 100.</span></span><br><span class="line"><span class="addition">+  distractionFreeMode: false # Facebook-like distraction free mode.</span></span><br><span class="line"><span class="addition">+  pagerDirection: last # Comment sorting direction, available values are last and first.</span></span><br><span class="line"><span class="addition">+  createIssueManually: false # Gitalk will create a corresponding github issue for your every single page automatically</span></span><br><span class="line">  count: true # top_img顯示評論數</span><br><span class="line"></span><br><span class="line">valine:</span><br><span class="line">  enable: false # if you want use valine,please set this value is true</span><br><span class="line">  appId:  # leancloud application app id</span><br><span class="line">  appKey:  # leancloud application app key</span><br><span class="line">  notify: false # valine mail notify (true/false) https://github.com/xCss/Valine/wiki</span><br><span class="line">  verify: false # valine verify code (true/false)</span><br><span class="line">  pageSize: 10 # comment list page size</span><br><span class="line">  avatar: monsterid # gravatar style https://valine.js.org/#/avatar</span><br><span class="line">  lang: en # i18n: zh-cn/en</span><br><span class="line">  placeholder: 記得留下你的暱稱和郵箱....可以快速收到回覆 # valine comment input placeholder(like: Please leave your footprints )</span><br><span class="line">  guest_info: nick,mail,link #valine comment header info</span><br><span class="line"><span class="addition">+  recordIP: false # Record reviewer IP</span></span><br><span class="line"><span class="addition">+  serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)</span></span><br><span class="line">  bg: /img/comment_bg.png # valine background</span><br><span class="line">  count: true # top_img顯示評論數</span><br></pre></td></tr></table></figure></li>
<li><p>darkmode 配置整理</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">- # 夜間模式</span></span><br><span class="line"><span class="deletion">- darkmode:</span></span><br><span class="line"><span class="deletion">-  enable: true</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-# 自動切換 dark mode和 light mode</span></span><br><span class="line"><span class="deletion">-# autoChangeMode: 1  跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode</span></span><br><span class="line"><span class="deletion">-# autoChangeMode: 2  只按照時間晚上6點到早上6點之間切換為 dark mode</span></span><br><span class="line"><span class="deletion">-# autoChangeMode: false 取消自動切換</span></span><br><span class="line"><span class="deletion">-autoChangeMode: false</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+ darkmode:</span></span><br><span class="line"><span class="addition">+  enable: true</span></span><br><span class="line"><span class="addition">+  # dark mode和 light mode切換按鈕</span></span><br><span class="line"><span class="addition">+  button: true</span></span><br><span class="line"><span class="addition">+  # 自動切換 dark mode和 light mode</span></span><br><span class="line"><span class="addition">+  # autoChangeMode: 1  跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode</span></span><br><span class="line"><span class="addition">+  # autoChangeMode: 2  只按照時間晚上6點到早上6點之間切換為 dark mode</span></span><br><span class="line"><span class="addition">+  # autoChangeMode: false 取消自動切換</span></span><br><span class="line"><span class="addition">+  autoChangeMode: false</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 404 頁面</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# A simple 404 page</span></span><br><span class="line"><span class="addition">+error_404:</span></span><br><span class="line"><span class="addition">+  enable: true</span></span><br><span class="line"><span class="addition">+  subtitle: &quot;頁面沒有找到&quot;</span></span><br><span class="line"><span class="addition">+  background:</span></span><br></pre></td></tr></table></figure></li>
<li><p>post_beautify 改為 beautify，頁面美化不再只限於 post 頁，page 頁也一樣</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-post_beautify:</span></span><br><span class="line"><span class="addition">+beautify:</span></span><br><span class="line">  enable: true</span><br><span class="line">  title-prefix-icon: &#x27;\f0c1&#x27;</span><br><span class="line">  title-prefix-icon-color: &quot;#F47466&quot;</span><br></pre></td></tr></table></figure></li>
<li><p>可設置是否顯示 cover，可設置各位置的 cover 顯示</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-# the default cover of the post</span></span><br><span class="line"><span class="deletion">-default_cover: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/default.png</span></span><br><span class="line"></span><br><span class="line"><span class="deletion">-index_post_cover: both</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+cover:</span></span><br><span class="line"><span class="addition">+  # 是否顯示文章封面</span></span><br><span class="line"><span class="addition">+  index_enable: true</span></span><br><span class="line"><span class="addition">+  aside_enable: true</span></span><br><span class="line"><span class="addition">+  archives_enable: true</span></span><br><span class="line"><span class="addition">+  # 封面顯示的位置</span></span><br><span class="line"><span class="addition">+  # 三個值可配置 left , right , both</span></span><br><span class="line"><span class="addition">+  position: both</span></span><br><span class="line"><span class="addition">+  # 當沒有設置cover時，默認的封面顯示</span></span><br><span class="line"><span class="addition">+  default_cover:</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 mermaid,可畫流程圖、狀態圖、時序圖、甘特圖等等</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# https://github.com/knsv/mermaid</span></span><br><span class="line"><span class="addition">+mermaid:</span></span><br><span class="line"><span class="addition">+  enable: true</span></span><br><span class="line"><span class="addition">+  # built-in themes: default/forest/dark/neutral</span></span><br><span class="line"><span class="addition">+  theme: default</span></span><br></pre></td></tr></table></figure></li>
<li><p>增加 pangu 配置，中英文之間添加空格</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="addition">+# https://github.com/vinta/pangu.js</span></span><br><span class="line"><span class="addition">+# 中英文之間添加空格</span></span><br><span class="line"><span class="addition">+pangu:</span></span><br><span class="line"><span class="addition">+  enable: true</span></span><br><span class="line"><span class="addition">+  field: page # page/post</span></span><br></pre></td></tr></table></figure></li>
<li><p>整合部分配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="deletion">-avatar_effect: false</span></span><br><span class="line"></span><br><span class="line"><span class="addition">+avatar:</span></span><br><span class="line"><span class="addition">+  img: /img/avatar.png</span></span><br><span class="line"><span class="addition">+  effect: true # 頭像會一直轉圈</span></span><br></pre></td></tr></table></figure></li>
<li><p>post-copyright 增加 decode 網址 (可以顯示中文)</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">post_copyright:</span><br><span class="line">  enable: true</span><br><span class="line"><span class="addition">+  decode: false</span></span><br><span class="line">  license: CC BY-NC-SA 4.0</span><br><span class="line">  license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/</span><br></pre></td></tr></table></figure></li>
<li><p>增加部分顏色配置</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><span class="line">theme_color:</span><br><span class="line">  enable: true</span><br><span class="line">  main: &quot;#49B1F5&quot;</span><br><span class="line">  paginator: &quot;#00c4b6&quot;</span><br><span class="line">  button_hover: &quot;#FF7242&quot;</span><br><span class="line">  text_selection: &quot;#00c4b6&quot;</span><br><span class="line">  link_color: &quot;#99a9bf&quot;</span><br><span class="line">  meta_color: &#x27;#858585&#x27;</span><br><span class="line">  hr_color: &quot;#A4D8FA&quot;</span><br><span class="line"><span class="deletion">-  read-mode-bg_color: &#x27;#FAF9DE&#x27;</span></span><br><span class="line"><span class="deletion">-  inline-code-color: &#x27;#F47466&#x27;</span></span><br><span class="line"><span class="addition">+  code_foreground: &quot;#F47466&quot;</span></span><br><span class="line"><span class="addition">+  code_background: &quot;rgba(27, 31, 35, .05)&quot;</span></span><br><span class="line"><span class="addition">+  toc_color: &quot;#00c4b6&quot;</span></span><br><span class="line"><span class="addition">+  blockquote_padding_color: &quot;#49b1f5&quot;</span></span><br><span class="line"><span class="addition">+  blockquote_background_color: &quot;#49b1f5&quot;</span></span><br></pre></td></tr></table></figure></li>
<li><p>主頁文章增加 tags 和更新日期顯示，可以配置 post_meta</p>
<figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">post_meta:</span><br><span class="line"><span class="deletion">-  date_type: both # or created or updated 文章日期是創建日或者更新日或都顯示</span></span><br><span class="line"><span class="deletion">-  categories: true # or false 是否顯示分類</span></span><br><span class="line"><span class="deletion">-  tags: true # or false 是否顯示標籤</span></span><br><span class="line"><span class="addition">+  page:</span></span><br><span class="line"><span class="addition">+    date_type: both # created or updated or both 主頁文章日期是創建日或者更新日或都顯示</span></span><br><span class="line"><span class="addition">+    categories: true # true or false 主頁是否顯示分類</span></span><br><span class="line"><span class="addition">+    tags: true # true or false 主頁是否顯示標籤</span></span><br><span class="line"><span class="addition">+  post:</span></span><br><span class="line"><span class="addition">+    date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示</span></span><br><span class="line"><span class="addition">+    categories: true # true or false 文章頁是否顯示分類</span></span><br><span class="line"><span class="addition">+    tags: true # true or false 文章頁是否顯示標籤</span></span><br></pre></td></tr></table></figure>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3></li>
<li><p>適配 IE</p>
</li>
<li><p>增加一個 Tag Plugins: 圖庫集</p>
</li>
<li><p>增加一個 Tag Plugins: tag-hide 功能 inline/block</p>
</li>
<li><p>去除 page 頁開頭顯示與標題一樣的內容</p>
</li>
<li><p>aside 公告欄設置，支持 html 代碼</p>
</li>
<li><p>手機界面 sidebar 顯示進度條和加深對應的標題</p>
</li>
<li><p>主頁 subtitle 的 hitokoto 顯示內容出處</p>
</li>
<li><p>footer 的 hexo 鏈接改為 https</p>
</li>
<li><p>修改手機下，menus 和 toc 的打開效果</p>
</li>
<li><p>手機頁面下，搜索界面全屏顯示</p>
</li>
<li><p>SEO 優化，標題欄改為 h1 顯示</p>
</li>
<li><p>閲讀模式優化，可根據 light mode 和 darkmode 調整背景</p>
</li>
<li><p>當屏蔽 js 時，header 會出現(之前用 js 控制，會隱藏)</p>
</li>
</ol>
<h3 id="Fixed"><a href="#Fixed" class="headerlink" title="Fixed"></a>Fixed</h3><ol>
<li>修復 Tencent Analytics 的 script 加載為 https #105</li>
<li>修復相關文章，日期顯示錯誤 bug</li>
<li>修復 gitalk 報錯問題</li>
<li>修復當 valine background 是絕對地址時無法顯示的 bug</li>
<li>修復 medium-zoom 無法使用的 bug</li>
<li>修復在 safari 下，點擊或移動到首頁文章 cover，圓角變成正方形的 bug #114</li>
<li>修復在部分瀏覽器下，aside,友情鏈接頭像轉動變形的 bug</li>
<li>修復在寬度限制下，表格內容溢出屏幕外而出現滾動條的 bug #138</li>
<li>修復 gitalk js 在一些沒有設置評論的 page 里加載的 bug</li>
<li>修復 tag plugins 的 gist 在不同主題下的背景顏色問題(黑色主題下，文字不易觀看)</li>
<li>修復 highlight figcaption 顯示不全的 bug</li>
<li>修復 disqus 評論數無法獲取的 bug</li>
<li>修復子目錄在觸摸屏下點擊,偶爾不出現的 bug</li>
<li>修復 a 標籤太長(連續英文字母)不會換行的 bug</li>
<li>修復 toc 滾動時，閲讀進度條也跟着滾動的 bug</li>
<li>修復 aside 的圖片，可點擊顯示大圖 bug</li>
<li>修復 activate-power-mode 設置參數無效 bug</li>
<li>修復語言上的錯誤 #156</li>
<li>修復主頁在 safari 桌面端，首頁滾動卡頓的 bug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>2.1.0 (2019/12/20)</span></div>
    <div class="hide-content"><h2 id="2-1-0-2019-12-20"><a href="#2-1-0-2019-12-20" class="headerlink" title="2.1.0 (2019/12/20)"></a>2.1.0 (2019/12/20)</h2><h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li>可設置隱藏文章</li>
<li>適配 Hexo 的 Tag Plugins Code Block With marked lines 顯示</li>
<li>可配置首頁 cover 顯示的位置</li>
<li>更改深色模式下的配色</li>
<li>activate_power_mode 增加關閉顏色和抖動</li>
<li>增加谷歌廣告，騰訊分析</li>
<li>相關文章增加時間顯示，調整佈局，垂直居中</li>
<li>文章頁面，top_img 增加評論數顯示</li>
<li>可以取消點擊圖片觀看大圖</li>
<li>mathjax 和 kathex 可設置每頁都加載還是按需加載</li>
<li>深色模式下，滾動條顏色的適配</li>
<li>優化 gitalk 在 dark mode 下的顯示</li>
<li>文章頁，文章標題過長時，只顯示三行內容</li>
<li>深色模式下，背景圖片加上蒙板</li>
<li>優化深色/閲讀模式下，canvas 的顯示</li>
<li>優化打賞的特效和移動到二維碼不會立刻消失</li>
<li>優化 sub-menu 樣式</li>
<li>修改 aside 的 tags 顏色，在深色模式下不會出現觀看困難</li>
<li>升級 normalize.css 到最新版</li>
<li>優化手機上 toc 和 menu 的打開動畫</li>
<li>優化代碼框打開關閉的特效</li>
<li>精簡 js,部分操作改為 css 控制</li>
<li>優化主題的一些動畫，不會過於生硬</li>
</ol>
<h3 id="Fixed"><a href="#Fixed" class="headerlink" title="Fixed"></a>Fixed</h3><ol>
<li>修復當圖片被 a 標籤包圍時，點擊圖標沒有跳轉到對應網頁而是出現大圖觀看模式的 bug</li>
<li>修復當網址有 subdirectory 時，menu、打賞二維碼和 lodding_bg 鏈接路徑錯誤的 bug</li>
<li>修復當網址有 subdirectory 時,</li>
<li>修復 katex 的 CSS 無法讀取 bug</li>
<li>修復搜索按鈕在文章頁不顯示的 bug</li>
<li>修復 gitalk css 引用失敗的 bug</li>
<li>修復 點擊特效 煙花 無效的 bug</li>
<li>修復 gitalk 報 path.startsWith is not a function 的 bug</li>
<li>修復 閲讀模式下，背景沒有變純色的 bug</li>
<li>修復閲讀模式下，header 偶爾出現沒有靠攏頂部的 bug</li>
<li>修復 Hexo Tag Plugins Block Quote 裏的鏈接顯示出外面的 Bug</li>
<li>修復 aside 歸檔日期過長導致錯位的 bug</li>
<li>修復 toc 為空時，toc 按鈕仍存在的 bug</li>
<li>修復關閉懶加載後，頭像無法顯示的 bug</li>
<li>修復深色模式下，切換 readmode 偶爾會無效的 bug</li>
<li>修復在一些手機設備上，toc 和 menu 的按鈕顯示不對齊的 bug #72</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>2.0.0 (2019/11/03)</span></div>
    <div class="hide-content"><h2 id="2-0-0-2019-11-03"><a href="#2-0-0-2019-11-03" class="headerlink" title="2.0.0 (2019/11/03)"></a>2.0.0 (2019/11/03)</h2><h3 id="Breaking-change"><a href="#Breaking-change" class="headerlink" title="Breaking change"></a>Breaking change</h3><ol>
<li>手機端界面卡片化，同時，手機端也可以顯示側邊欄的內容</li>
<li>修復當 menu 過多時，header 界面出現錯亂的 bug。當 menu 過多時，會變為 sidebar 模式</li>
<li>增加 medium-zoom 大圖查看模式</li>
<li>增加鼠標點擊特效：文字和愛心 兩個點擊特效</li>
<li>主頁 subtitle 可以調用第三方 api(金山詞霸每日一句、一言網的一句話、一句網、今日詩詞)</li>
<li>添加 snackbar 彈窗</li>
<li>修改 nightshift 為 darkmode，darkmode 可隨系統設置而自動切換，可設置隨時間而切換 darkmode</li>
<li>修復 hexo 自帶的標籤外掛(Tag Plugins)顯示 bug(Block Quote、Code Block With caption、Gist、Youtube、Vimeo)</li>
<li>主題所需要的 css 和 js 可根據需要配置 CDN</li>
<li>更改 darkmode 的加載方式，網站設置 dark mode 後，現在進入網頁不會在’閃’一下</li>
<li>背景特效和背景圖片在手機界面也會顯示</li>
<li>增加 justified-gallery 圖片顯示(Tag Plugins)</li>
</ol>
<h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li>文章頁面，字數統計、閲讀時長和閲讀量前面添加 icon</li>
<li>更改懶加載 js</li>
<li>升級 typed.js/instantpage.js 到最新版</li>
<li>搜索和右下角按鈕添加退出特效</li>
</ol>
<h3 id="Fixed"><a href="#Fixed" class="headerlink" title="Fixed"></a>Fixed</h3><ol>
<li>修復在 Hexo 4.0.0 下，一些按鈕點擊會跳出一個空白頁的 bug</li>
<li>修復在 Hexo 4.0.0 下，分頁按鈕出現代碼的 bug</li>
<li>修復當沒有設置評論時，右下角依舊出現’直達評論’按鈕的 bug</li>
<li>優化 sidebar 的打開速度</li>
<li>修復文章頁標題左右邊距不平等的 bug</li>
<li>修復 keywords 讀取的 bug</li>
<li>修復當 post/page 內容為空時，footer 位置錯亂的 bug</li>
<li>修復在手機 safari，toc sidebar 底部內容被遮擋的 bug</li>
<li>完善 Dark mode,一些界面的配色</li>
<li>修復 card-archives 查看更多 跳轉 bug</li>
</ol>
<h3 id="Remove"><a href="#Remove" class="headerlink" title="Remove"></a>Remove</h3><ol>
<li>移除 Gitment</li>
<li>移除 Gallery</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>1.2.0 (2019/09/24)</span></div>
    <div class="hide-content"><h2 id="1-2-0-2019-09-24"><a href="#1-2-0-2019-09-24" class="headerlink" title="1.2.0 (2019/09/24)"></a>1.2.0 (2019/09/24)</h2><h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li>更改手機頁面的 menu 和 toc 的顯示方式和顯示特效(ipad 也能看 TOC)</li>
<li>可設置禁止複製網站內容</li>
<li>可設置複製時，內容自動加上版權信息</li>
<li>可修改 tag 的 top_img</li>
<li>可修改 category 的 top_img</li>
<li>可修改 valine 的背景</li>
<li>archives 頁 UI 優化</li>
<li>ICP 增加 icon #37</li>
<li>可設置主頁 top_img 的高度</li>
<li>可設置主頁 site-info 的位置</li>
<li>category 頁和 tag 頁的 UI 可以設置與主頁 UI 一樣 #31</li>
<li>主頁 subtitle 可設置多個句子(不再限制 2 個) #37</li>
<li>設置 menu 時，頭尾添加空格不受影響</li>
<li>調整 post 頁的佈局</li>
<li>書籤添加 icon</li>
<li>公告 icon 效果</li>
<li>首頁歸檔模塊，可設置數量限制，會顯示’查看更多’按鈕</li>
<li>右下角按鈕調整。</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol start="19">
<li>修復文章 cover 隨機圖片生成，同一篇文章，不同地方的 cover 顯示不一樣的 bug</li>
<li>修復 gitalk 語言設置無效的 bug #35</li>
<li>修復 post 頁面，當沒有設置 word count 時，閲讀量前有’|”</li>
<li>修復 sub-menu 在 safari 的顯示問題</li>
<li>修復 tags 頁評論居中問題</li>
<li>修復 header a hover 白色問題</li>
<li>修復夜間模式下 footer 的顏色 bug</li>
<li>修復英文語言下，書籤英文顯示不完整的問題</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>1.1.5 (2019/09/08)</span></div>
    <div class="hide-content"><h2 id="1-1-5-2019-09-08"><a href="#1-1-5-2019-09-08" class="headerlink" title="1.1.5 (2019/09/08)"></a>1.1.5 (2019/09/08)</h2><h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li>Feature: 可設置內聯代碼塊樣式 #26</li>
<li>Feature: 可設置夜間模式作為默認樣式</li>
<li>Feature: 可設置是否顯示 code language 名稱</li>
<li>Feature: 可設置是否展開或關閉代碼框</li>
<li>Feature: 可設置背景圖片/顏色</li>
<li>Feature: 可設置是否顯示 footer 背景</li>
<li>Feature: 增加 canvas-nest.js</li>
<li>Feature: 頭像可設置效果(轉圈圈)</li>
<li>Feature: menu 可設置分組</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol start="10">
<li>Fix: 優化打賞和搜索打開特效</li>
<li>Fix: 優化 sidebar 的打開特效，避免與文章頁特效不同步</li>
<li>Fix: 適配<strong>hexo-blog-encrypt</strong>，現在可以顯示 toc</li>
<li>Fix: 修復設置不顯示評論時，直達評論按鈕沒有消失的 bug</li>
<li>Fix: 修復 post 頁底欄，當沒有顯示評論，不顯示 TOC，評論和 toc 都不顯示 這三種狀態下按鈕的 bug</li>
<li>Fix: 修復代碼框左右滑動時，代碼名字跟着滑動的 bug</li>
<li>Fix: 其他 page 頁標題的字體顯示</li>
<li>Fix: 修復當設置開啟 canvas_ribbons，進入網站會先顯示 canvas_ribbons 的 bug</li>
<li>Fix: 完善夜間模式下，字體顯示問題</li>
<li>Fix: 修復代碼框 複製 和 代碼名 z-index bug #25</li>
<li>Fix: 完善閲讀模式</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>1.1.0 (2019/08/29)</span></div>
    <div class="hide-content"><h2 id="1-1-0-2019-08-29"><a href="#1-1-0-2019-08-29" class="headerlink" title="1.1.0 (2019/08/29)"></a>1.1.0 (2019/08/29)</h2><h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li>Feature: 手機 menu 界面重新設計</li>
<li>Feature: 文章頁增加美化(原 melody 主題功能),並增加更改標題前綴圖標和顏色</li>
<li>Feature: PC 端增加直達評論按鈕</li>
<li>Feature: 可以對單獨文章設置是否顯示版權信息</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>Fix: 修復閲讀模式下，調整字體大小對代碼無效的 bug</li>
<li>Fix: 調整 Valine 字體顯示問題</li>
<li>Fix: 修正夜間模式下 Valine 的適配問題</li>
<li>Fix: 修復 Valine 設置 notify 和 verify 無效的 bug (thx @VincentTV )</li>
<li>Fix: 修復使用 hexo-asset-image,開啟懶加載後，圖片會出現無法加載問題</li>
<li>Fix:修復 ‘返回頂部’箭頭無法點擊的 bug</li>
</ol>
<h3 id="Remove"><a href="#Remove" class="headerlink" title="Remove"></a>Remove</h3><ol>
<li>Remove: 去掉主題”閲讀更多”按鈕</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>1.0.8 (2019/08/11)</span></div>
    <div class="hide-content"><h2 id="1-0-8-2019-08-11"><a href="#1-0-8-2019-08-11" class="headerlink" title="1.0.8 (2019/08/11)"></a>1.0.8 (2019/08/11)</h2><ol>
<li>Feature: 可關閉圖片懶加載</li>
<li>Feature: 增加頁面排版，可選擇把右邊欄放在左邊</li>
<li>Feature: 增加 Note (Bootstrap Callout) (移植於 next 主題)</li>
<li>Feature: 手機上能夠查看 TOC</li>
<li>Feature: 增加直達評論按鈕</li>
<li>Fix: 修復 post 頁在寬度 1024px 下的顯示 bug</li>
<li>Fix: 修復代碼框部分語言沒有顯示正確的代碼語言</li>
<li>Fix: 修復設置裏把 Disqus 註釋掉無法運行的 bug</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>1.0.7 (2019/07/29)</span></div>
    <div class="hide-content"><h2 id="1-0-7-2019-07-29"><a href="#1-0-7-2019-07-29" class="headerlink" title="1.0.7 (2019/07/29)"></a>1.0.7 (2019/07/29)</h2><h3 id="Feature"><a href="#Feature" class="headerlink" title="Feature"></a>Feature</h3><ol>
<li>Feature: add the option to change the site name font-family</li>
<li>Feature: add the option to close instant-page</li>
<li>Feature: the sidebar can auto scroll when the toc out of the screen</li>
</ol>
<h3 id="Fix"><a href="#Fix" class="headerlink" title="Fix"></a>Fix</h3><ol>
<li>Fix: random cover of previous post and next post</li>
<li>Fix: Display null when the subtitle not set</li>
<li>Fix: display related post’s headline when it is not related posts</li>
<li>Fix: the bugs of image display</li>
<li>Fix: When the picture is loaded, the picture appears black frame</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>1.0.6 (2019/07/06)</span></div>
    <div class="hide-content"><h2 id="1-0-6-2019-07-06"><a href="#1-0-6-2019-07-06" class="headerlink" title="1.0.6 (2019/07/06)"></a>1.0.6 (2019/07/06)</h2><ol>
<li>Feature: random cover #10</li>
<li>Fix: valine lang not work</li>
<li>Fix: archives page site name not change when the language change</li>
<li>Fix: related posts url error</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>1.0.5 (2019/06/28)</span></div>
    <div class="hide-content"><h2 id="1-0-5-2019-06-28"><a href="#1-0-5-2019-06-28" class="headerlink" title="1.0.5 (2019/06/28)"></a>1.0.5 (2019/06/28)</h2><ol>
<li>fix bugs of gitalk #9</li>
<li>fix bugs of valine</li>
<li>new look of the mobile menu</li>
</ol>
</div></div>

<div class="hide-toggle" ><div class="hide-button toggle-title" style=""><i class="fas fa-caret-right fa-fw"></i><span>1.0.0 (2019.06/17)</span></div>
    <div class="hide-content"><h2 id="1-0-0-2019-06-17"><a href="#1-0-0-2019-06-17" class="headerlink" title="1.0.0 (2019.06/17)"></a>1.0.0 (2019.06/17)</h2><p>first release</p>
</div></div>
</article><div class="post-copyright"><div class="post-copyright__author"><span class="post-copyright-meta">文章作者: </span><span class="post-copyright-info"><a href="mailto:undefined">娄豪杰</a></span></div><div class="post-copyright__type"><span class="post-copyright-meta">文章链接: </span><span class="post-copyright-info"><a href="http://example.com/article/198a4240.html">http://example.com/article/198a4240.html</a></span></div><div class="post-copyright__notice"><span class="post-copyright-meta">版权声明: </span><span class="post-copyright-info">本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明来自 <a href="http://example.com" target="_blank">HJ BLOG</a>！</span></div></div><div class="tag_share"><div class="post-meta__tag-list"><a class="post-meta__tags" href="/tags/%E6%95%99%E7%A8%8B/">教程</a><a class="post-meta__tags" href="/tags/Hexo/">Hexo</a><a class="post-meta__tags" href="/tags/%E4%B8%BB%E9%A1%8C/">主題</a><a class="post-meta__tags" href="/tags/butterfly/">butterfly</a></div><div class="post_share"><div class="social-share" data-image="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-docs-07-cover.png" data-sites="facebook,twitter,wechat,weibo,qq"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css" media="print" onload="this.media='all'"><script src="https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js" defer></script></div></div><nav class="pagination-post" id="pagination"><div class="prev-post pull-left"><a href="/article/7670b080.html"><img class="prev-cover" src="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-diy-cover.png" onerror="onerror=null;src='/img/404.jpg'" alt="cover of previous post"><div class="pagination-info"><div class="label">上一篇</div><div class="prev_info">Butterfly 美化/優化/魔改 教程合集</div></div></a></div><div class="next-post pull-right"><a href="/article/4073eda.html"><img class="next-cover" src="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-docs-06-cover.png" onerror="onerror=null;src='/img/404.jpg'" alt="cover of next post"><div class="pagination-info"><div class="label">下一篇</div><div class="next_info">Butterfly 安裝文檔(六) 進階教程</div></div></a></div></nav><div class="relatedPosts"><div class="headline"><i class="fas fa-thumbs-up fa-fw"></i><span> 相关推荐</span></div><div class="relatedPosts-list"><div><a href="/article/21cfbf15.html" title="Butterfly 安裝文檔(一) 快速開始"><img class="cover" src="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-docs-01-cover.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2019-01-01</div><div class="title">Butterfly 安裝文檔(一) 快速開始</div></div></a></div><div><a href="/article/dc584b87.html" title="Butterfly 安裝文檔(二) 主題頁面"><img class="cover" src="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-docs-02-cover.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2019-01-02</div><div class="title">Butterfly 安裝文檔(二) 主題頁面</div></div></a></div><div><a href="/article/98d20436.html" title="Butterfly 安裝文檔(五) 主題問答"><img class="cover" src="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-doc-05-cover.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2019-01-05</div><div class="title">Butterfly 安裝文檔(五) 主題問答</div></div></a></div><div><a href="/article/4073eda.html" title="Butterfly 安裝文檔(六) 進階教程"><img class="cover" src="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-docs-06-cover.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2019-01-06</div><div class="title">Butterfly 安裝文檔(六) 進階教程</div></div></a></div><div><a href="/article/ceeb73f.html" title="Butterfly 安裝文檔(四) 主題配置-2"><img class="cover" src="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-docs-04-cover.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2019-01-04</div><div class="title">Butterfly 安裝文檔(四) 主題配置-2</div></div></a></div><div><a href="/article/4aa8abbe.html" title="Butterfly 安裝文檔(三) 主題配置-1"><img class="cover" src="https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-docs-03-cover.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2019-01-03</div><div class="title">Butterfly 安裝文檔(三) 主題配置-1</div></div></a></div></div></div></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="card-info-avatar is-center"><img class="avatar-img" src="/img/avatar.jpg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/><div class="author-info__name">娄豪杰</div><div class="author-info__description"></div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">70</div></a></div><div class="card-info-data-item is-center"><a href="/tags/"><div class="headline">标签</div><div class="length-num">23</div></a></div><div class="card-info-data-item is-center"><a href="/categories/"><div class="headline">分类</div><div class="length-num">17</div></a></div></div><a class="button--animated" id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/louhaojie99"><i class="fab fa-github"></i><span>Follow Me</span></a></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn card-announcement-animation"></i><span>公告</span></div><div class="announcement_content">人生就像品茗，懂得吃苦，才能回甘啊。</div></div><div class="sticky_layout"><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/article/cc11b2b0.html" title="二、JavaScript设计模式【下】"><img src="https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/983a2ddf4c01d0f319b391469f669eba7a1a82ba077da903e3114d4062c26cdea809b197d9cf02bb077af6272de8e1ed?pictype=scale&amp;from=30113&amp;version=3.3.3.3&amp;uin=851681631&amp;fname=12_js.jpg&amp;size=750" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="二、JavaScript设计模式【下】"/></a><div class="content"><a class="title" href="/article/cc11b2b0.html" title="二、JavaScript设计模式【下】">二、JavaScript设计模式【下】</a><time datetime="2021-09-11T16:00:00.000Z" title="发表于 2021-09-12 00:00:00">2021-09-12</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/article/cc00b2b0.html" title="一、JavaScript设计模式【上】"><img src="https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/983a2ddf4c01d0f319b391469f669eba7a1a82ba077da903e3114d4062c26cdea809b197d9cf02bb077af6272de8e1ed?pictype=scale&amp;from=30113&amp;version=3.3.3.3&amp;uin=851681631&amp;fname=12_js.jpg&amp;size=750" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="一、JavaScript设计模式【上】"/></a><div class="content"><a class="title" href="/article/cc00b2b0.html" title="一、JavaScript设计模式【上】">一、JavaScript设计模式【上】</a><time datetime="2021-09-10T16:00:00.000Z" title="发表于 2021-09-11 00:00:00">2021-09-11</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/article/vue-sound-code10.html" title="十、Vue源码【内置组件篇】"><img src="https://img2.baidu.com/it/u=4067570870,2963075030&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=640&amp;h=360" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="十、Vue源码【内置组件篇】"/></a><div class="content"><a class="title" href="/article/vue-sound-code10.html" title="十、Vue源码【内置组件篇】">十、Vue源码【内置组件篇】</a><time datetime="2021-09-09T16:00:00.000Z" title="发表于 2021-09-10 00:00:00">2021-09-10</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/article/vue-sound-code9.html" title="九、Vue源码【指令篇】"><img src="https://img2.baidu.com/it/u=4067570870,2963075030&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=640&amp;h=360" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="九、Vue源码【指令篇】"/></a><div class="content"><a class="title" href="/article/vue-sound-code9.html" title="九、Vue源码【指令篇】">九、Vue源码【指令篇】</a><time datetime="2021-09-08T16:00:00.000Z" title="发表于 2021-09-09 00:00:00">2021-09-09</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/article/vue-sound-code8.html" title="八、Vue源码【过滤器篇】"><img src="https://img2.baidu.com/it/u=4067570870,2963075030&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=640&amp;h=360" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="八、Vue源码【过滤器篇】"/></a><div class="content"><a class="title" href="/article/vue-sound-code8.html" title="八、Vue源码【过滤器篇】">八、Vue源码【过滤器篇】</a><time datetime="2021-09-07T16:00:00.000Z" title="发表于 2021-09-08 00:00:00">2021-09-08</time></div></div></div></div></div></div></main><footer id="footer" style="background-image: url('https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-docs-07-cover.png')"><div id="footer-wrap"><div class="copyright">&copy;2017 - 2022 By 娄豪杰</div><div class="footer_custom_text"><div>嗨，欢迎来到我的博客，希望能帮助到您！</div></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="readmode" type="button" title="阅读模式"><i class="fas fa-book-open"></i></button><button id="translateLink" type="button" title="简繁转换">繁</button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><div class="search-dialog__title" id="local-search-title">本地搜索</div><div id="local-input-panel"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div></div><hr/><div id="local-search-results"></div><span class="search-close-button"><i class="fas fa-times"></i></span></div><div id="search-mask"></div></div><div><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="/js/tw_cn.js"></script><script src="https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js" type="module"></script><script src="/js/search/local-search.js"></script><div class="js-pjax"></div><script id="canvas_nest" defer="defer" color="0,0,255" opacity="0.7" zIndex="-1" count="99" mobile="false" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-nest.min.js"></script><script src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/activate-power-mode.min.js"></script><script>POWERMODE.colorful = true;
POWERMODE.shake = true;
POWERMODE.mobile = false;
document.body.addEventListener('input', POWERMODE);
</script><script id="click-show-text" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-show-text.min.js" data-mobile="false" data-text="富强,民主,文明,和谐,自由,平等,公正,法治" data-fontsize="15px" data-random="true" async="async"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css" media="print" onload="this.media='all'"><script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script><script src="https://cdn.jsdelivr.net/gh/metowolf/MetingJS@1.2/dist/Meting.min.js"></script><script src="https://cdn.jsdelivr.net/npm/pjax/pjax.min.js"></script><script>let pjaxSelectors = [
  'title',
  '#config-diff',
  '#body-wrap',
  '#rightside-config-hide',
  '#rightside-config-show',
  '.js-pjax'
]

if (false) {
  pjaxSelectors.unshift('meta[property="og:image"]', 'meta[property="og:title"]', 'meta[property="og:url"]')
}

var pjax = new Pjax({
  elements: 'a:not([target="_blank"]):not([href="/music/"]):not([href="/no-pjax/"])',
  selectors: pjaxSelectors,
  cacheBust: false,
  analytics: false,
  scrollRestoration: false
})

document.addEventListener('pjax:send', function () {

  // removeEventListener toc scroll 
  window.removeEventListener('scroll', window.tocScrollFn)

  typeof preloader === 'object' && preloader.initLoading()
  
  if (window.aplayers) {
    for (let i = 0; i < window.aplayers.length; i++) {
      if (!window.aplayers[i].options.fixed) {
        window.aplayers[i].destroy()
      }
    }
  }

  typeof typed === 'object' && typed.destroy()

  //reset readmode
  const $bodyClassList = document.body.classList
  $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode')

})

document.addEventListener('pjax:complete', function () {
  window.refreshFn()

  document.querySelectorAll('script[data-pjax]').forEach(item => {
    const newScript = document.createElement('script')
    const content = item.text || item.textContent || item.innerHTML || ""
    Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
    newScript.appendChild(document.createTextNode(content))
    item.parentNode.replaceChild(newScript, item)
  })

  GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update()

  typeof chatBtnFn === 'function' && chatBtnFn()
  typeof panguInit === 'function' && panguInit()

  // google analytics
  typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname});

  // baidu analytics
  typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]);

  typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()

  // Analytics
  if (false) {
    MtaH5.pgv()
  }

  // prismjs
  typeof Prism === 'object' && Prism.highlightAll()

  typeof preloader === 'object' && preloader.endLoading()
})

document.addEventListener('pjax:error', (e) => {
  if (e.request.status === 404) {
    pjax.loadUrl('/404.html')
  }
})</script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div><script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginModelPath":"assets/","model":{"jsonPath":"/live2dw/assets/shizuku.model.json"},"display":{"position":"left","width":150,"height":300},"mobile":{"show":false},"log":false,"pluginJsPath":"lib/","pluginRootPath":"live2dw/","tagMode":false});</script></body></html>